Question

嗨，我需要每15秒更新一个div。我尝试使用jQuery做到这一点。然后，我将jQuery文件插入页面顶部并编写了此脚本：

<script>
$(document).ready(function() {
  $("#stats").load("stats.php");
  var refreshId = setInterval(function() {
    $("#stats").load('stats.php?randval='+ Math.random());
  }, 15000);
  $.ajaxSetup({ cache: false });
});
</script>
<div id="stats"></div>

我注意到该脚本在空白页上可以正常工作，但是通过输入'prototype.js'，脚本停止了工作。

Answer 1

如果在同一页面中需要Prototype.js，请考虑重写您的定期更新功能，以使用比jQuery更复杂的方式。解决冲突只是在页面中添加两个功能相同的库。

<script>
$(document).observe('dom:loaded', function() {
  new Ajax.PeriodicalUpdater('stats', 'stats.php', { frequency: 15 });
});
</script>
<div id="stats"></div>

完成，我不得不说，它比普通的jQuery Ajax更为优雅。如果结果不变，这将自动减少请求的频率，从而节省带宽。结果与上次不同后，它将再次返回时间表。

Answer 2

您可以尝试使用全名（jQuery）而不是$

引用jquery。

或运行noConflict命令https://api.jquery.com/jquery.noconflict/

或创建一个将jQuery安全地分配给$的名称空间

(function($){
   // use $ here

})(jQuery)

如何每15秒更新一次div？

2 个答案: