我有一个关于使用jQuery的.load重新加载div的问题。代码如下:
<h1>Official Live-Stream</h1>
<object width="560" height="315" data="http://www.dailymotion.com/embed/video/x10sbxw"></object>
</br>
</br>
<script>
(function($)
{
$(document).ready(function()
{
$.ajaxSetup(
{
cache: false,
beforeSend: function() {
$('#content').hide();
$('#loading').show();
},
complete: function() {
$('#loading').hide();
$('#content').show();
},
success: function() {
$('#loading').hide();
$('#content').show();
}
});
var $container = $("#liveracingblog");
$container.load("../live/addon/addon_ticker.php");
var refreshId = setInterval(function()
{
$container.load('../live/addon/addon_ticker.php');
}, 30000);
});
})(jQuery);
</script>
<div id="liveracingblog"></div>
我遇到的问题是每30秒不仅liveracingblog-div会重新加载,整个页面也会重新加载,这使得嵌入在第二行的视频停止播放。
您可以在此处观察问题:http://www.racingblog.de/racingbloglive/(该代码是Wordpress页面模板的一部分,但我认为这并不重要)
如何解决这个问题?
$.get("../live/addon/addon_ticker.php",function(content){$container.html(content);});
- A. Wolff$container.load('../live/addon/addon_ticker.php');
改为$.get("../live/addon/addon_ticker.php",function(content){$container.html(content);});
(我想这就是你的意思)。但问题仍然存在... - janw