1

の内容を更新する方法は知っていますが、表示されるだけでなく、その変更DIVを行いたいです。animateはdiv基本的にボックスの集まりであり、ユーザーがオファーを受け入れると、その に入る必要があり'move'ますdiv。

を使用してこれにどのようにアプローチしJavascript/Jqueryますか? ありがとう。

4

4 に答える 4

0

あなたの仕事のためにこのコードを試してください

<script language="javascript" type="text/javascript">
document.getElementById('div_id').innerHTML=location.reload(); //Reload code
</script>
于 2013-09-27T03:45:34.240 に答える
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 に答える