.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/