更新面板打破JQuery元素

Question

我的頁面上有這個jquery代碼，點擊按鈕後效果很好。但是，更新面板更新後，刪除了jquery添加的類，並且＃block-1現在可見。

<script> 
    $("body").on("click", "#app-nav-dash-2", function() { 
     $(this).addClass('current-nav'); 
     $("#block-1").hide(); 
    }); 
</script> 

我該如何解決這個問題。

感謝

Answer 1

看來你需要停止鏈接/按鈕的默認行爲：

$("body").on("click", "#app-nav-dash-2", function(e) { //<---pass event here 
    e.preventDefault(); // it stops to navigate. 
    $(this).addClass('current-nav'); 
    $("#block-1").hide(); 
});