Javascript 强制脚本在AJAX加载页面中运行

因此，我在WP安装中使用了一个AJAX加载程序，我加载的一个页面中有一个脚本

<div id="register-form">
    <div id="register-one"></div>
    <div style="text-align:center;padding-top:10px;"></div> 
    <div class="horizontal-rule"></div>
    <div id='register'>
        <div id="register-character">
        </div>
    </div>

    <div class="post">  
        <form action="" method="post" id="register-form" >
        What's your Name:
            <input class=in id='register_name' name="register_name" onkeydown='register_step1_keydown();' onkeyup='register_step1_keyup();'>
            <input class="next-submit-button" type="submit" id="register-step-one" value="" />
            <input type="hidden" name="submit" />
        </form>  
    </div>
</div>

<script type="text/javascript">

$("#register-step-one").click(function() {
    $.ajax({
      type: "POST",
      success: function() {
        $('#register-form').html("Test");
      }
     });
    return false;
});

</script>

你叫什么名字：
$（“#注册第一步”）。单击（函数（）{
$.ajax({
类型：“POST”，
成功：函数（）{
$（'#注册表格'）.html（“测试”）；
}
});
返回false；
});

但问题是，当通过AJAX加载页面时，脚本无法工作。然而，如果我刷新页面，脚本就会工作。显然，脚本不喜欢从AJAX调用运行

---

当通过AJAX调用加载脚本时，是否有方法使其工作？我知道我可以将脚本放在主页的页脚或其他地方，但我希望我可以绕过这个问题，因为我最终会在主页上看到大量脚本。

在做其他事情之前，您应该将函数包装在

.ready（）

中，以确保在对这些元素执行操作之前加载所有DOM元素

此外，只有当HTML附加到DOM中时，才会执行通过jQuery中的ajax函数返回的HTML中的脚本。由于没有附加包含代码的html，因此返回内容中的脚本将不会运行

在

dataType

数据类型：

“html”：以纯文本形式返回html；插入DOM时，将对包含的脚本标记进行评估。

---

看看，我不确定这是否回答了我的问题？当通过URL栏加载该页面时，该页面上的脚本工作正常，但当通过来自主页导航栏的AJAX请求加载该页面时，该页面上的脚本工作不正常。@Tenatious请检查控制台。正如我所说，除非Ajax中的HTML附加到页面上，否则加载的HTML上的脚本将无法工作。此外，您正在加载整个页面。可能还有其他脚本会导致其他脚本无法运行，而不仅仅是您的脚本。