jquery - 使用 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
            });
        });
    }
});