使用jquery在ajax加载的html上查找和调用函数

Question

我有一个主要的div

<ul id="main">
   <li id="A100">
             <ul class="slides">
                     <li><img1></li>
                     <li><img2></li>
             </ul>
   </li> 
   <li id="A99">
             <ul class="slides">
                     <li><img1></li>
                     <li><img2></li>
             </ul>
   </li>
</ul>

我在上面运行滑块代码

$("#main li").each(function() 
    { 
         $(this).slides({
             height      : 320,           
                 showmarkers : false
          });
    });

当我用ajax加载更多

时，在将其添加到主div之前，如何在新的

上运行滑块代码？我的ajax返回的数据看起来像这样。

<li id="A98">
             <ul class="slides">
                     <li><img1></li>
                     <li><img2></li>
             </ul>
   </li> 
   <li id="A97">
             <ul class="slides">
                     <li><img1></li>
                     <li><img2></li>
             </ul>
   </li>

Answer 1

您可以在ajax成功处理程序中处理它。例如：

$.ajax({
    ....
}).done(function(response){
    if(response != ""){
        var newItems = $('<ul>' + response + '</ul>').children('li');
        newItems.each(function(i, val){
            $("#main").append(val);
            $(val).find('li').slides({
                 height      : 320,           
                 showmarkers : false
            });
        });
    }
});