从后面的代码插入 html table 后，如何触发 jquery 函数？

Question

我正在使用 bootstrap 模板。我从中取出了硬编码的 table，现在我插入我的 table 表单代码隐藏。

Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles EinschlitzsucheButton.Click

    Dim x3 As XmlElement = SearchService.FindAddressesB(login, pass, textbox.Text.ToString, False)

    Dim test = ConvertXMLToHTML(x3)

    Tablecontent.InnerHtml = test
 Page.ClientScript.RegisterStartupScript(Me.[GetType(),"table_function","functiontest();", True)

结束子

我的问题是，当我这样做时，JQuery 函数不再被触发。

   <script type="text/javascript">
  $(function () {

    $('#MyTable').dataTable({
      "bPaginate": true,
      "bLengthChange": true,
      "bFilter": true,
      "bSort": true,
      "bInfo": true,
      "bAutoWidth": true
    });
  });
</script>

老实说，我对Jquery了解不多。我该怎么做才能触发该功能？我需要它，它为 Table 提供了一些额外的选项。

干杯史蒂文

Answer 1

您可以尝试使用 "Page.ClientScript.RegisterStartupScript" 方法

从代码后面执行 "named" javascript 函数

隐藏代码（我使用 C#）：

Page.ClientScript.RegisterStartupScript(this.GetType(), "table_function", "functionName();", true);

Javascript:

function functionName(){
   $('#MyTable').dataTable({
      "bPaginate": true,
      "bLengthChange": true,
      "bFilter": true,
      "bSort": true,
      "bInfo": true,
      "bAutoWidth": true
    });
}

希望这对您有所帮助。如果它不起作用，请告诉我。

从后面的代码插入 html table 后，如何触发 jquery 函数？

How to trigger jquery function, after inserting html table from code behind?

jquery

asp.net

jquery-datatables

code-behind