用load函数再次执行javascript

Question

我想创建一个显示不同配置文件的 "next" 按钮。为此，我想重新加载 div。我已经成功创建了这个函数，但是当它重新加载 1 次时，javascript 没有加载，所以我的按钮点击功能不起作用。我的代码：

<div class="col-md-6">
            <div class="my" id="profile_rd">
            <div class="ibox-content text-center" id="ok">
                <h1>Profile example</h1>
                  <a class="btn btn-xs btn-prim-red" id="please_next"><i class="fa fa-chevron-right"></i> Next</a> <!-- Here, we can click and execute the function one time , after, click doesn't work -->

            </div>
                </div>
        </div>
        <script>
            $('#please_next').click(function(){
                $('#profile_rd').load(document.URL + ' #ok');
                return false;
            });
        </script>

Answer 1

尝试更改

$('#please_next').click(function(){
    $('#profile_rd').load(document.URL + ' #ok');
    return false;
});

至

$(document).on( 'click', '#please_next', function(){
    $('#profile_rd').load(document.URL + ' #ok');
    return false;
});

Answer 2

您正在重新加载文档，因此在第一次单击按钮后，DOM 无法找到您尝试将事件附加到的元素。您需要使用 event delegation.

用load函数再次执行javascript

Execute javascript again with load function

javascript

jquery

reload