破解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); 
});