javascript按钮损坏的未知原因

Question

我已经慢慢地建立一个投资组合网站有一段时间了，我已经使用了一些简单的脚本。最近，其中一些脚本已停止工作。

作为参考，这里是我的网站：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');
})

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

Answer 1

您可能升级了 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);
});