重新加载 JQuery 表后 JavaScript 未执行

Question

我有一个为我重新加载表格的函数，但是当我单击重新加载表格时不会执行其中的 JavaScript。它确实令人耳目一新。我只是暂时使用h3点击，因为它很简单。

<script>
        function RefreshTable()
         {
            $( "#calenderTable" ).load( "my-page.html #calenderTable" );
          }

        $(document).ready(function()
        {
          $("h3").click(function()
          {
            RefreshTable();
          });

        });
</script>

HTML 是

  <h3>Refresh Table</h3>

                                     <table class="table" id="calenderTable">

                                        <tr>
                                            <th  scope="col">House</th>
                                            <th scope="col">Monday <br><script type="text/javascript">document.write("Hello World");</script></th>
                                            <th scope="col">Tuesday <br><script type="text/javascript">document.write(getDate(2));</script></th>
                                            <th scope="col">Wednsday <br><script type="text/javascript">document.write(getDate(3));</script></th>
                                            <th scope="col">Thursday <br><script type="text/javascript">document.write(getDate(4));</script></th>
                                            <th scope="col">Friday <br> <script type="text/javascript">document.write(getDate(5));</script></th>
                                        </tr>

                                    <tbody>
                                        <tr>
                                            <td class="cal"><a href="#"> 1 </a></td>
                                            <td ></td>
                                            <td ></td>
                                            <td ></td>
                                            <td ></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>

所以第一次加载页面时它会显示“hello world”，但是当我单击刷新时它不再显示。我只是在这个例子中使用 hello world，我真的希望 getDate 函数能够执行并在表格中显示正确的日期。

Answer 1

如果我明白了

<script>
    function refreshTable() {
        $.ajax({
            url: 'my-page.html',
            type: 'GET',
            success: function (html) {
                $("#calenderTable").html($(html).find("#calenderTable").html());
            }
        });
    }

    $(document).ready(function () {
        $("h3").on('click', function () {
            refreshTable();
        });

    });
</script>