圖像滑塊無法在阿賈克斯加載的內容

jQuery(document).ready(function($) { 
var $mainContent = $("#main_class"), 
    siteUrl = "http://" + top.location.host.toString(), 
    url = ''; 
$(document).delegate("a[href*='/classes/']:not([href*=/wp-admin/]):not([href*=/wp-login.php]):not([href$=/feed/]):not([href$=/event-registration/])", "click", function() { 
    location.hash = this.pathname; 
    return false; 
}); 

$(window).bind('hashchange', function(){ 
    url = window.location.hash.substring(1); 
    if (!url) { 
     return; 
    } 
    url = url + " #main"; 
    $mainContent.animate({opacity: "0.1"}).html('Please wait...').load(url, function() { 
     $mainContent.animate({opacity: "1"}); 
    }); 
}); 
$(window).trigger('hashchange'); 
$('#slider').royalSlider({    
      imageAlignCenter:true, 
      imageScaleMode: "fill", 
});

}）;圖像滑塊無法在阿賈克斯加載的內容

ajax內容工作熟練，但當我加載內容到ajax div滑塊（皇家滑塊）不起作用。我如何修改代碼來實現皇家滑塊。即時通訊使用wordpress和自定義設計的主題。

來源

2012-06-05 Edwin Ca

你測試過哪些瀏覽器？由於額外的逗號，我預計它會在IE中失敗。 –

任何錯誤消息？ – Huangism

ajax在firefox，safari，chrome上運行良好我不關心IE我的問題是royalslider在ajax調用的內容中並不起作用。 –

我不能確定沒有一些上下文，也許一些HTML代碼，但我認爲你需要在加載新內容後再次調用$('#slider').royalSlider(...);。

當您第一次調用此函數時，您的目標是當前DOM中的#slider。當您使用ajax調用加載新內容時，您刪除了此元素並將其替換爲新元素。我相信你只需要再次初始化你的滑塊。

來源

2012-06-07 03:13:08

http://candouinc.com/sewing/classes/點擊頁面頂部的其中一個類別，比選擇加載ajax內容的類。感謝您的幫助：） –

圖像滑塊無法在阿賈克斯加載的內容

回答

相關問題