Question

我有两个脚本。一个用于jquery表单，另一个用于间隔刷新div。

没有刷新脚本，jquery帖子就可以了。当我添加刷新脚本时，表单提交默认方式但刷新工作。我认为解决方案是将它们结合起来。我的努力失败了。救命啊！

更新：只要另一个脚本不在代码中，每个脚本都可以正常工作。尝试合并也失败了。我添加了<form>以供参考。为了澄清，当两者都存在或组合时，发生默认/ GET而不是执行ajax。刷新始终有效。我已经确认在刷新之前提交表单没有任何区别。

更新2：如果我将表单提交代码移动到刷新的DIV中，我可以正确运行它但直到刷新发生。在第一次ajax刷新后，表单开始传统提交。

<script>
  $(document).ready(function() {
    $(".col-xs-4").load(\"statisticsDiv");
    var refreshId = setInterval(function() {
      $(".col-xs-4").load('/statisticsDiv?randval='+ Math.random());
    }, 10000);
    $.ajaxSetup({ cache: false });
  });
</script>")); 
 
<script>
  $(document).ready(function() {
    $('#myForm').ajaxForm(function() {
    });
  });
</script>

<form id="myForm" action="http://192.168.1.150:2560/" method="get">
<input type="hidden" name="cleaner" value="on" /> 
<input type="submit" value="Toggle" /> 
</form>

已解决：添加此项以重新绑定DIV刷新后返回的元素。可能不是正确的方式，但它的工作原理。提炼建议？

    $(document).ajaxStop(function() { 
      $('#myForm').ajaxForm(function() {
      });
    });

Answer 1

......喜欢这个？

<script>
  $(document).ready(function() {
    $(".col-xs-4").load(\"statisticsDiv");

    var refreshId = setInterval(function() {
        $(".col-xs-4").load('/statisticsDiv?randval='+ Math.random());
    }, 10000);

    $.ajaxSetup({ cache: false });
    $('#myForm').ajaxForm();
  });
</script>

组合多个jquery document.ready脚本

1 个答案: