图像滑块无法在阿贾克斯加载的内容

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内容的类。感谢您的帮助：） –

图像滑块无法在阿贾克斯加载的内容

回答

相关问题