Javascript 加载ajax页面后的jquery load()-如何
我在index.php的底部包含以下行:Javascript 加载ajax页面后的jquery load()-如何,javascript,jquery,html,nivo-slider,Javascript,Jquery,Html,Nivo Slider,我在index.php的底部包含以下行: <script type="text/javascript" language="javascript" src="class/jquery-1.4.3.min.js"> </script> <script type="text/javascript" language="javascript" src="class/jquery.nivo.slider.pack.js"></script> <sc
<script type="text/javascript" language="javascript" src="class/jquery-1.4.3.min.js"> </script>
<script type="text/javascript" language="javascript" src="class/jquery.nivo.slider.pack.js"></script>
<script type='text/javascript' language='javascript'>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
$(窗口)。加载(函数(){
$(“#滑块”).nivoSlider();
});
问题在于$(窗口)。加载…
php的主体通过ajax调用在加载时更新,该调用在匹配时提供div#slider。这使得它nivoSlider()
无法执行。你有什么诀窍使这东西工作吗。我确实更喜欢使用非jquery的方式,但最终一切都会有所帮助
非常感谢
在AJAX加载的回调中添加调用
$('.something').load( 'http://www.example.com/foo', function() {
$(this).find('#slider').nivoSlider();
});
使用代码的示例(用于正文):
链接:
<!-- updates links like so -->
<a class='nav' href='page.php?category=art&limit=5&c=1'>art</a>
// in the same document ready function
$('a.nav').click( function() {
var $link = $(this);
$('#content').load( $link.attr('href'), function() {
$(this).find('#slider').nivoSlider();
$link.addClass('selected'); // instead of setting bg directly to #828282;
});
return false; // to prevent normal link behavior
});
//在同一文档准备功能中
$('a.nav')。单击(函数(){
var$link=$(此);
$('#content').load($link.attr('href'),function(){
$(this.find(“#slider”).nivoSlider();
$link.addClass('selected');//而不是直接将bg设置为#8282;
});
返回false;//以防止正常链接行为
});
在AJAX加载的回调中添加调用
$('.something').load( 'http://www.example.com/foo', function() {
$(this).find('#slider').nivoSlider();
});
使用代码的示例(用于正文):
链接:
<!-- updates links like so -->
<a class='nav' href='page.php?category=art&limit=5&c=1'>art</a>
// in the same document ready function
$('a.nav').click( function() {
var $link = $(this);
$('#content').load( $link.attr('href'), function() {
$(this).find('#slider').nivoSlider();
$link.addClass('selected'); // instead of setting bg directly to #828282;
});
return false; // to prevent normal link behavior
});
//在同一文档准备功能中
$('a.nav')。单击(函数(){
var$link=$(此);
$('#content').load($link.attr('href'),function(){
$(this.find(“#slider”).nivoSlider();
$link.addClass('selected');//而不是直接将bg设置为#8282;
});
返回false;//以防止正常链接行为
});
您不想使用$(文档)而不是$(窗口)吗
$(窗口)。加载(函数(){
$(“#滑块”).nivoSlider();
});
还是速记
$(function() {
$('#slider').nivoSlider();
});
$(函数(){
$(“#滑块”).nivoSlider();
});
您不想使用$(文档)而不是$(窗口)吗
$(窗口)。加载(函数(){
$(“#滑块”).nivoSlider();
});
还是速记
$(function() {
$('#slider').nivoSlider();
});
$(函数(){
$(“#滑块”).nivoSlider();
});
@tvanfosson,他没有使用jquery ajax方法。。(虽然他应该)如果我不使用jquery进行ajax加载,那该怎么办?(但如果你告诉我没有办法,我可能会这样做)如何告诉jquery的ajax调用在特定容器中设置结果?请检查我的body onload调用并给我jquery替代方案。我真的不在乎这个moment@daniel--如果您不使用jQuery,我建议您使用jQuery。如果没有,jQuery使用回调就没有什么特别之处。您只需要添加在AJAX调用完成时传入执行的函数的功能,该函数应该调用jQuery片段(可能只是$(“#slider”)…
而不是范围有限的调用)来加载滑块。这是一项了不起的工作。它完全使它工作起来,并改变了我对使用js库的看法。我想当你有一个小孩和一个妻子需要照顾的时候,这些都是救命恩人of@tvanfosson,他没有使用jquery ajax方法。。(虽然他应该)如果我不使用jquery进行ajax加载,那该怎么办?(但如果你告诉我没有办法,我可能会这样做)如何告诉jquery的ajax调用在特定容器中设置结果?请检查我的body onload调用并给我jquery替代方案。我真的不在乎这个moment@daniel--如果您不使用jQuery,我建议您使用jQuery。如果没有,jQuery使用回调就没有什么特别之处。您只需要添加在AJAX调用完成时传入执行的函数的功能,该函数应该调用jQuery片段(可能只是$(“#slider”)…
而不是范围有限的调用)来加载滑块。这是一项了不起的工作。它完全使它工作起来,并改变了我对使用js库的看法。我想当你有一个小孩和一个妻子要照顾的时候,这些都是救命恩人。这个问题来源于我之前的一篇文章,在那篇文章中我确定了问题的根源,这篇文章让丹尼尔提出了问题并得到了详细的答案。这个问题来源于我之前的一篇文章,在那篇文章中我确定了问题的根源,这让丹尼尔提出了问题并得到了详细的答案。