jQuery在ajax加载后设置动画

我有以下HTML：

<ul class="oglasi_list_big">
    <li>
        <a href="test.html">
            <img src="/gallery/dummy_img_300x250.jpg" alt="test" />
            <div class="info_box">
                <table>
                    <tr><td class="title">TEST</td><td class="tag_deluxe">TEST</td></tr>
                    <tr><td colspan="2">TEST</td></tr>
                    <tr><td class="title">TEST</td><td class="title">1</td></tr>
                    <tr><td>150м2</td><td>2</td></tr>
                    <tr><td colspan="2" class="title">TEST</td></tr>
                    <tr><td colspan="2">TEST</td></tr>
                    <tr><td colspan="2"><br/><span class="btn_more">TEST</span></td></tr>
                </table>
            </div>
            <span class="price_tag price_deluxe">2&euro;</span>
        </a>
    </li>
</ul>

jQuery动画为图像提供动画，图像上下移动。。。如果内容不是用AJAX加载的，那么效果很好，但是如果HTML是在用AJAX加载页面之后加载的，那么动画就不起作用了。我以为.on（）可以解决问题，但事实并非如此

有什么建议吗？

对于jQuery，您应该始终执行

$（document）.ready（function（）{}）

。另外，请提供一个示例，以便更容易地重现您的问题。它位于$（document）.ready中，但问题并非如此，因为如果内容未加载AJAX，它将起作用。使用AJAX创建元素后，animate不会识别这些元素。如果您添加AJAX代码（以及如何处理结果），帮助您将更容易

$(".oglasi_list_big li a").on("mouseenter", function(){
         $(".info_box", this).animate({top:'0'}, 500);
         $(".info_box > table", this).animate({marginTop:'0'}, 500);
     });

     $(".oglasi_list_big li a").on("mouseleave", function(){
         $(".info_box", this).animate({top:'200px'}, 500);
         $(".info_box > table", this).animate({marginTop:'-10px'}, 500);
     });