.load jQuery函数不工作使用特定的div

Question

时，此行不起作用

$('#bookcontainer').load(startSlide); 

而这一行确实

$(window).load(startSlide); 

#bookcontainer是一个包含四个图像的div。

这里是我的全部代码：

// JavaScript Document 
$('#bookcontainer').load(startSlide); 

var slide; 

$('#slider').hover( 
function() { 
     $('.arrow').show(); 
}, 
function() { 
     $('.arrow').hide(); 
}); 

function startSlide() { 
    $('.book').show(); 
    slide = setInterval(slideR, 5000); 
} 


function slideR() { 
    $('.book').first().css('left', '960px').appendTo('#bookcontainer').animate(
    { 
     "left": "-=960px" 
    }, { 
     duration: 1000, 
     easing: 'easeOutCubic' 
    }); 

} 


function slideL() { 
    $('.book').last().animate(
    { "left":"+=960px" }, { 
     duration: 1000, 
     easing: 'easeOutCubic', 
     complete: function() { 
     $(this).prependTo('#bookcontainer').css('left', '0px'); 
     } 
    }); 

} 


function right() { 
    clearInterval(slide); 
    slideR(); 
    startSlide(); 
}; 


function left() { 
    clearInterval(slide); 
    slideL(); 
    startSlide(); 
}; 

Answer 1

负载事件只能对那些与URL相关联元素来处理。从documentation：

负载事件被发送到一个元件 当它和所有的子元件已经 完全加载。此事件可以是 发送给任何与 URL关联的元素：图像，脚本，框架，iframe， 和窗口对象。

如果您正在等待加载所有图像，可以将事件处理程序单独应用于这些图像。

另外：$(window).load(...)在页面上的所有元素都完全加载（包括图形）之前不会被触发，所以没有必要将事件绑定到div以确保子元素已加载。

如果您正在发出AJAX请求并尝试检测内容何时已加载到该div中，则应该使startSlide成功回调您的AJAX请求。

Answer 2

的div元素不会触发load事件。

Answer 3

您应该使用$('#bookcontainer').load('url', startSlide);看看http://api.jquery.com/load/