回發后我的 jQuery 代碼不起作用

Question

我有服務器端按鈕。 第一次 jquery 工作正常，但下次 jQuery 不工作。 我在更新面板中使用 jQuery。

下面是我的 Jquery 代碼。

<script type="text/javascript" src="../../js/jquery-ui-1.11.4.min.js"></script> 
<script type="text/javascript">            
(function ($) {
    $('.mv-spinner').spinner(), $('.mv-action').button(),
    $('.table-mv-vouchers').tooltip(), $('.table-mv-vouchers select').selectmenu() 
})(jQuery)
</script> 

此外，我在頁面加載功能中使用了我的代碼，但無法正常工作。

 protected void Page_Load(object sender, EventArgs e)
 {      
        Page.ClientScript.RegisterStartupScript(typeof(UpdatePanel), "scrg", "<script type='text/javascript' src='../../js/jquery-ui-1.11.4.min.js'></script>");
        Page.ClientScript.RegisterStartupScript(typeof(UpdatePanel), "scr", "<script type='text/javascript'>  (function ($) { $('.mv-spinner').spinner(), $('.mv-action').button(), $('.table-mv-vouchers').tooltip(), $('.table-mv-vouchers select').selectmenu() })(jQuery) </script>");
 }

我將如何解決這個問題？ 回發后 jQuery 不執行。 提前致謝！

Answer 1

您的初始化將僅在文檔就緒時運行（而不是在回發時）。 由於您將控件放置在 UpdatePanel 中，因此回發后任何內容都會更新。

嘗試以下建議

您需要在回發上重新創建 Jquery 代碼，如下所示

<script type="text/javascript"> 
    $(document).ready(function() {
        //jquery code
    });

    var parameter = Sys.WebForms.PageRequestManager.getInstance();

    parameter.add_endRequest(function() {
        //jquery code again for working after postback
    });
</script>

這是我遇到相同問題后得到的解決方案並且對我來說效果很好..檢查

更新：

如果上面的代碼給出類似Sys undefined錯誤，請嘗試下面的代碼。

<script type="text/javascript"> 

$(document).ready(function () {

    //jquery code

    var parameter = Sys.WebForms.PageRequestManager.getInstance();

    parameter.add_endRequest(function () {
        //jquery code again for working after postback
    });
});

</script>

Answer 2

將其更改為：

$('.ClassName').click(function(e) {
/////
});

到：

$(document).on("click", ".ClassName", function (e) {
/////
});