JavaScript 委托(delegate)并选择 AJAX 响应

Question

如何使用 .html() 选择特定的 AJAX 响应？

这是我的 HTML

<ul class="feature-products">       

</ul>
<div class="feature-btn">
    <a href="#" class="back styleShwd-enbl styleCrl-white stxt12">back</a> &nbsp;
    <a href="#" class="next styleShwd-enbl styleCrl-white stxt12">next</a>
</div>

这是 AJAX 响应(在我的 UL 中)

        <li class="products">                   
        .....
        </li>
        <li class="products">                   
        .....
        </li>
        <li class="products">
        .....
        </li>

这是我选择 AJAX 响应的脚本(w/css 动画)

$('.back').click(function() {        
    var back_indent = parseInt($('.feature-products').css('left')) + $(".products").outerWidth(true);              

    $('.feature-products').animate({"left":back_indent},200,function()
        {
            $('.feature-products li:first-child').css({'left':back_indent});
            $('.feature-products li:first-child').before($('.feature-products li:last-child')); 
        });       
    return false;
});

问题出在脚本中，它无法选择和获取back_indent、feature-products li:first-child 的值。

Answer 1

我找到了自己的解决方案。希望此页面对其他人有所帮助。

first() & last() 而不是 :first-child & :last-child

$(".back").on('click', function(){      
    var back_indent = parseInt($('.feature-products').css('left')) + $(".products").outerWidth(true);       
    $('.feature-products').animate({"left":back_indent},200,function()
        {
        $(".feature-products li").first().css({'left':back_indent});
        $(".feature-products li").first().before($(".feature-products li").last());
        });             
    return false;       
});