Question

我想创建一个显示不同配置文件的“下一步”按钮。为此，我想重新加载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。

使用加载功能再次执行javascript

2 个答案: