1

我知道如何刷新 a 的内容DIV，但是我不想让它出现，而是要进行animate更改。div本质上是一个盒子的集合，当用户接受它需要的报价'move'时div。

我将如何使用Javascript/Jquery？谢谢。

4

4 回答 4

0

不知道你进入那个 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/

于 2013-02-07T15:28:17.223 回答
0

我认为您有<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);
    }
});
于 2013-02-07T15:33:51.593 回答
0

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

于 2013-02-07T15:36:11.123 回答
0

试试这个代码为你的工作

<script language="javascript" type="text/javascript">
document.getElementById('div_id').innerHTML=location.reload(); //Reload code
</script>
于 2013-09-27T03:45:34.240 回答