1

divページのコンテンツを収集し、それをページの外のタグに入れてから右からスライドさせ、古いタグを削除してからdiv新しいタグを追加して、このプロセスをもう一度繰り返すことを目的としたスクリプトを作成しました。別のページが選択されています。

JavaScript：

$(window).click(function() {
    $(".container:eq(1)").html("new stuff").slideDown(500, function() {
        $(".container:eq(0)").animate({
            width: "0px",
            opacity: 0
        }, 500, "", function() {
            $(this).remove();
            $(".container").parent().append('<div clas="container"></div>');
            $(".container:eq(1)").hide();
        });
    });
});​

HTML：

<div>
    <div class="container">Test</div>
    <div class="container"></div>
</div>​

これがフィドルです：http：//jsfiddle.net/PVG8r/

ページをクリックすると、最初は問題なく動作しますが、毎回、「新しいもの」が再び表示され、古い「新しいもの」がスライドして、新しい「新しいもの」が導入されることを期待しています。いくつかのアラートをテストしましたが、新しいオブジェクトの高さはnull存在しないためです。HTMLで新しい要素を確認できますが、によって取得されていないようです$(".container:eq(1)")。

4

2 に答える 2

3

class追加された HTMLの属性のスペルミスがあります。

これを変える：

$(".container").parent().append('<div clas="container"></div>');

これに：

$(".container").parent().append('<div class="container"></div>');

ここで実際の例を参照してください: http://jsfiddle.net/jfriend00/aeBrd/

于 2012-08-27T22:07:11.520 に答える
2

コードにタイプミスがあります。以下の行で：

$(".container").parent().append('<div clas="container"></div>');

clasご存知のように、そうあるべきですclass。これにより、正常に機能します。

于 2012-08-27T22:07:13.897 に答える