Question

我有以下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>

以下javascript：

$(".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);
     });

jQuery动画为图像提供动画，它上下移动......如果内容未加载AJAX，但如果在页面后加载HTML，它工作正常使用AJAX加载，动画无法正常工作。我认为.on（）会解决问题，但事实并非如此。

有什么建议吗？

ajax加载后的jQuery Animate

0 个答案: