在切換使用jQuery每次點擊相同的鏈接

「Kundan辛格Chouhan」在js和css文件幫我解決這個問題，在幾個星期前： Call a CSS file by Jquery .append(), and delete this by second click on the same element 在切換使用jQuery每次點擊相同的鏈接

但問題變得更加複雜。我想在網站上使用我們的古文字中，「Rovás」： Jakabszallas.hu

我不能用一個簡單的字體面CSS，因爲有字母（DZS，CS，GY，TY），其中有一個羅瓦斯寫作中的簡單人物。這就是爲什麼「Rovás」字體系列的創作者不會將這些字符放在他們所屬的鍵盤上的原因。因此，rovás「á」字母不在我鍵盤上的拉丁文「á」字符下。

這就是爲什麼他們創造了這個JavaScript： Rovásmag

現在我用這個在我的網站和我一起在網站上相同的鏈接（右上角）觸發，當我和字體面在使用過去。

因此，有此鏈接：

<li class="skip-link-rovas"><a class="assistive-text" href="#" accesskey="7">Rovás</a></li>

有我的網站上的底部此javascript：

<script src="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/js/rovasmag.js" type="text/javascript"></script><!-- Rovas --> 
<script src="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/js/scripts.js" type="text/javascript"></script><!-- Additional scripts -->

在scripts.js中這兩jQuery的腳本：

// Jquery CSS switcher (Rovás) 
$(document).ready(function() { 
    $(".skip-link-rovas").click(function(){ 
     if($(this).find("link").length <= 0) 
      $(this).append('<link rel="stylesheet" type="text/css" media="all" href="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/css/rovas.css" />'); 
     else 
      $(this).find("link").remove(); 
    }); 
}); 

$(document).ready(function() { 
    $('.skip-link-rovas').click(function(){ 
     rovasmag_atro(); 
    }); 
});

「rovasmag_atro（）;」正在調用「rovasmag.js」javascript，它將每種字體都改爲「Rovás」，並且從右向左改變書寫方向。此javascript是將「dzs，cs，gy，ty」字母更改爲「Rovás」字體中正確字符的唯一方法。

我不是JavaScript程序員！我的問題是：是否有可能以某種方式將「rovasmag_atro（）」集成到上面的javascript中，這稱爲css文件，在第二次單擊時它會關閉？

來源

2012-11-21 Lanti

它似乎沒有，你可以簡單地關閉，因爲你需要扭轉所有這些字符翻譯。相反，當頁面加載時，您可以將整個頁面內容複製到JS變量中。然後添加CSS並開始字體/字符翻譯。然後，要刪除字體翻譯，只需用Javascript變量替換整個頁面內容即可。我創建了一個的jsfiddle這種技術：

http://jsfiddle.net/DF2w9/5/

<a class="remove" href="#">remove</a> 

<script type="text/JavaScript"> 
var normalHTML = ''; 
$(document).ready(function() { 
    normalHTML = $('html').html(); 
    $('html').append('<link rel="stylesheet" type="text/css" media="all" href="http://jakabszallas.hu/wp-content/themes/jakabszallasv2/css/rovas.css" />'); 
    rovasmag_atro(); 

    $("a.remove").click(function() { 
     $('html').html(normalHTML); 
    }); 
}); 
</script>

來源

2012-11-21 19:52:11 AyexeM

在切換使用jQuery每次點擊相同的鏈接

回答

相關問題