c# - jQuery（函数（$）在更新面板中部分更新后不起作用

Question

<script type="text/javascript">

    //http://digitalbush.com/projects/masked-input-plugin/
    jQuery(function ($) {
        //phone numbers
        alert("test");
        var txtInvestContactPhone = $("#<%=txtInvestContactPhone.ClientID%>");
        $(txtInvestContactPhone).mask("(999) 999-9999");


    });

</script>

我尝试将 pagerequestmanager 添加到页面的内容中，但我认为我做错了：

<script type="text/javascript">
     Sys.WebForms.PageRequestManager.getInstance().add("jQuery(function ($)");
    </script>
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ToolkitScriptManager>

我还尝试在我的 page_load 事件中注册启动脚本，如下所示：

  protected void Page_Load(object sender, EventArgs e)
        {

            ScriptManager.RegisterStartupScript(this, typeof(Page), Guid.NewGuid().ToString(), "jQuery(function ($);", true);
            if (!Page.IsPostBack)
            {

但这只是打破了我的手风琴，导致面板都无法点击。

我认为我在正确的道路上，只需要一些语法帮助。

Answer 1

jQuery(function ($);不是可以调用的函数，那就像……半个函数。

将您的初始化代码放在它自己的函数定义中，然后从您的 DOM 就绪处理程序和您的启动脚本中调用它。

function init() {
    //phone numbers
    alert("test");
    var txtInvestContactPhone = jQuery("#<%=txtInvestContactPhone.ClientID%>");
    jQuery(txtInvestContactPhone).mask("(999) 999-9999");
});

jQuery(function () { init(); });

...

ScriptManager.RegisterStartupScript(this, typeof(Page), Guid.NewGuid().ToString(), "init();", true);