回发后我的jQuery代码不起作用 [英] After Post Back my jQuery code not working

问题描述

我有服务器端按钮.第一次jquery工作正常，但是下次jQuery没问题.我在更新面板中使用jQuery.

I have server side button. First time jquery is working fine but next time jQuery not wroking. I am using jQuery inside Update Panel.

下面是我的Jquery代码.

Below is my Jquery code.

<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> 

我还在页面加载功能中使用了我的代码，但是没有用.

Also I have used my code in page load function but not working.

 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在回发后不执行.预先感谢！

How I will fix this issue? jQuery does not perform after postback. Thanks in advance!

推荐答案

您的初始化将仅在准备就绪的文档上运行(而不在回发上).由于您将控件放置在UpdatePanel中，因此回发后所有内容都会更新.

Your initialization will run only on document ready (not on postback). Since you place your control inside UpdatePanel, anything will updated after postback.

尝试以下建议

您需要在如下所示的回发中重新创建Jquery代码

You need to recreate the Jquery Codes on postbacks like given below

<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>

这是我遇到相同问题并为我工作正常的解决方案..检查

this is the solution got once i got the same issue and worked fine for me..check

这篇关于回发后我的jQuery代码不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！