破解javascript按钮的未知原因

Question

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

仅供参考，这里是我的地盘：http://www.jcstudios.org

页面的左下方元链接应该弹出一个登录表单代替导航菜单，并会再来回切换点击。不过，最近这个JavaScript按钮已经坏了。我注意到将相机插件安装到我的网站后不久就发生了。如果是这种情况，我的脚本搞乱了，我想找到一个解决方案，因为这个插件是唯一能够实现我所需要的插件之一。任何想法为什么这个脚本停止工作？

这是脚本，但我向你保证它在自发破解之前运行良好。

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