Question

你好:)我想做注册表....

我已经包含了jQuery ......

这是我的注册表单的按钮ID - ＆gt;的 #regfr

此脚本包括：1个html文件; 1个脚本文件成功;

<script>
$("#regfr").click(function() {
$("#included").append().load("Model/html/reg_form.html");
$("#included_scripts").append().load("Model/functionJS/reg_form.js")
});
</script>

点击 #regfr

后，这是附带的脚本

$( document ).ready(function() {
$('body').on("click", "#regfr",function() {
$("#reganime").fadeIn( "slow" )
});

注意：这里我没有关闭 $（文档）.ready 但是因为我正在使用其他脚本...而且脚本运行良好时我直接将它们包含在页面加载中... #reganime 是 div 来自 reg_from.html 控制台错误已检查= 0

问题：如何解决此问题？

为什么调用后的脚本无效？...

问题可能是：我在点击 #regfr 时使用了两个功能？

如何刷新页面的DOM？

Answer 1

出于各种原因，尽可能避免加载JS代码。尤其是它增加了不必要的复杂性。

相反，您可以在加载页面中包含相关的JS代码，并使用委托事件处理程序将逻辑附加到将来某个任意点附加到DOM的元素，如下所示：

<!-- place this just before </body> -->
<script>
  $("#regfr").click(function() {
    $("#included").append().load("Model/html/reg_form.html");
  });

  $('#included').on('click', "#regfr", function() {
    $("#reganime").fadeIn("slow");
  });
</script>

包含后，jQuery脚本无法正常工作

1 个答案: