Javascript 加载ajax页面后的jquery load()-如何

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

我在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>
<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库的看法。我想当你有一个小孩和一个妻子要照顾的时候,这些都是救命恩人。这个问题来源于我之前的一篇文章,在那篇文章中我确定了问题的根源,这篇文章让丹尼尔提出了问题并得到了详细的答案。这个问题来源于我之前的一篇文章,在那篇文章中我确定了问题的根源,这让丹尼尔提出了问题并得到了详细的答案。