在切换使用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每次点击相同的链接

回答

相关问题