0

很长一段时间以来,我一直在慢慢地建立一个投资组合网站,并且我已经使用了一些简单的脚本。最近,其中一些脚本已停止工作。

作为参考,这里是我的网站:http ://www.jcstudios.org

页面左下角的元链接应该会显示一个登录表单来代替导航菜单,然后在单击时来回切换。但是,最近这个 javascript 按钮坏了。我注意到它在我的网站上安装了 prettyphoto 插件后不久就发生了。如果这是弄乱我的脚本的情况,我想找到一个修复程序,因为这个插件是唯一能够实现我正在寻找的插件之一。任何想法为什么这个脚本停止工作?

这是脚本,但我向您保证,它在自发中断之前可以正常运行一段时间。

$('.togglemeta').toggle(function(){
    $('.togglemeta').text('Site Nav')
    $('#meta').css('display', 'block');
    $('#sitenav').css('display', 'none');
},function(){
    $('.togglemeta').text('Meta')
    $('#meta').css('display', 'none');
    $('#sitenav').css('display', 'block');
})

目前,这个按钮坏了,我不知道为什么。

4

1 回答 1

4

您可能升级了 jQuery,并且在您现在使用的版本 1.9.1 中,以toggle()这种方式使用的函数已被弃用和删除,现在它只隐藏和显示元素。

您必须创建自己的切换功能:

$('.togglemeta').on('click', function(){
    var state = $(this).data('state');

    if (state) {
        $('.togglemeta').text('Meta')
        $('#meta').css('display', 'none');
        $('#sitenav').css('display', 'block');
    }else{
        $('.togglemeta').text('Site Nav')
        $('#meta').css('display', 'block');
        $('#sitenav').css('display', 'none');
    }

    $(this).data('state', !state);
});
于 2013-05-19T00:17:59.233 回答