Question

我知道如何刷新DIV的内容，但是只是出现了我希望animate更改的内容。 div基本上是一个框集合，当用户接受要约时，'move'需要div。

我如何使用Javascript/Jquery来解决这个问题？感谢。

Answer 1

不确定进入该div

的含义

您可以将div新内容包装在另一个html元素中，并使用一些动画显示它。

<div></div>
newContent = '<span id="whatever" display="none">newContent</span>';

在DOM中有这个结构时

<div>
   <span id="old">oldContent</span>
   <span id="whatever" display="none">newContent</span>
</div>

和

$('#old').animateOUT(callback(){
   $('#whatever').animateIN();
   $(this).remove();
})

animateOUT,animateIN,callback

不是真正的功能，而是您选择的动画效果：http://api.jquery.com/category/effects/

Answer 2

我认为你有<div/>这是用户接受优惠的容器

<div id="offersContainer">
    <div class="offer">
        Offer 1
    </div>
    <div class="offer">
        Offer 2
    </div>
</div>

要在商品div中添加新元素，请使用.append()方法。

$("#offersContainer").append("<div id='offer_5'>New Offer</div>");

然后，您可以为新优惠设置动画

$("#offer_5").animate({ "background-color": "blue" }, 1000);

这是你想要做的吗？

修改

jquery AJAX

$.ajax({ type: "GET", url: "/Offers/GetOffer", data: { offer_Id: 5 }, success: function (data, textStatus) { // data can be html or json, depends on what you return from you're action // console.log(data); $("#offersContainer").append(data); } });

Answer 3

您必须在主div中添加一个要扩展的新元素并为其设置动画，或者只用新的div替换主div并调用slideDown()（或者您想要的任何其他动画）在它上面。

Answer 4

为您的工作试用此代码

<script language="javascript" type="text/javascript">
document.getElementById('div_id').innerHTML=location.reload(); //Reload code
</script>

刷新Div并为更改设置动画

4 个答案: