Javascript 在同一链接上使用Jquery在每次单击中切换js和css文件

几周前，“昆丹·辛格·周汉”帮我解决了这个问题：

但问题变得更加复杂。我想使用我们的古代文字，网站上的“Rovás”：

我不能使用简单的字体CSS，因为在Rovás的文字中有一些字母（dz、cs、gy、ty）只有一个简单的字符。这就是为什么“Rovás”字体系列的创作者没有将字符放在他们所属的键盘上。因此，rovás“á”字母不是我键盘上的拉丁字母“á”

这就是他们创建此javascript的原因：

现在我在我的网站上使用这个，我在网站上使用了相同的链接（右上角），而我过去使用的是字体

因此，这里有一个链接：

<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();
    });
});

//Jquery CSS切换器（Rovás）
$（文档）.ready（函数（）{
$（“.skip link rovas”）。单击（函数（）{
if（$（this.find）（“链接”）.length如果关闭，您似乎不能简单地关闭，因为您需要反转所有这些字符翻译。相反，当页面加载时，您可以将整个页面内容复制到JS变量。然后添加CSS并开始字体/字符翻译。然后，要删除字体翻译，只需替换整个页面内容即可我使用以下技术创建了一个JSFIDLE：



var normalHTML=''；
$（文档）.ready（函数（）{
normalHTML=$（'html'）.html（）；
$（'html'）。附加（''）；
rovasmag_atro（）；
$（“a.remove”）。单击（函数（）{
$（'html'）.html（normalHTML）；
});
});
如果关闭，您似乎不能简单地关闭，因为您需要反转所有这些字符翻译。相反，当页面加载时，您可以将整个页面内容复制到JS变量。然后添加CSS并开始字体/字符翻译。然后，要删除字体翻译，只需替换整个页面内容即可我使用以下技术创建了一个JSFIDLE：



var normalHTML=''；
$（文档）.ready（函数（）{
normalHTML=$（'html'）.html（）；
$（'html'）。附加（''）；
rovasmag_atro（）；
$（“a.remove”）。单击（函数（）{
$（'html'）.html（normalHTML）；
});
});

<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>