这是我用来在同一页面中调用ajax帖子的代码。这很好,但当帖子加载时,帖子中的幻灯片(通过短代码添加)不会显示。。。。
ajax调用
jQuery(\'#menu-profilo > li > a\').click(function(event){
//This keeps the href from reloading the page
event.preventDefault();
//grab the page link
var page = jQuery(this).attr(\'href\');
jQuery(\'#slideshow\').html (\'<div id="loading"><p>loading</p></div>\')
//use the grabbed link in the load function
.load(page+\' .post_content\').fadeIn(2000)
});
这是ajax中的后期加载:
https://www.dropbox.com/s/za0jwx7sdm2z6zx/post.jpg
后期加载正常(无ajax调用)工作正常。
问题是jquery插件royalslider(或其他插件,也是一样)似乎不起作用。
此处为firebug图片:https://www.dropbox.com/s/iui14sxqm4xwa1d/post2.jpg
空白是皇家滑块部分。。。。
我怎样才能解决这个问题?我的意思是,当我通过ajax调用加载帖子以显示帖子和jquery插件时。。。
SO网友:Milo
加载包含普通静态帖子的页面时,会在页面加载时调用一些JavaScript来实例化滑块。类似于:
jQuery(document).ready(function($){
$(\'.sliders\').someSliderScript();
});
这将查找应该应用滑块的所有元素,并运行所有必要的代码来设置滑块并使其正常工作。
通过AJAX加载内容时,该代码已经运行,不会自动将滑块应用于新加载的内容。将AJAX内容添加到页面后,必须再次调用对该内容的任何JavaScript操作。