0

mootoolsで自己参照を処理するにはどうすればよいですか？次のコンテナを表示した後、クリックした「削除」ボタンを削除します。Jqueryを使用すると、「this」演算子を使用して実行できます。

 window.addEvent('domready', function(){

        $$('div.showButton').addEvent('click', function(){

        // show next Container 
        $$('div.container').getNext().show('inline');   

        // remove this "showButton"
        $(this).remove() // not working

        });
        });





   <!-- container 1 -->
    <div class="container">

        <div class="showButton">Show next container</div>
        <div class="hideButton">hide this container</div>

    </div>

    <!-- container 2 -->
    <div class="container" style="display:none">

        <div class="showButton">Show next container</div>
        <div class="hideButton">hide this container</div>

    </div>
4

1 に答える 1

0

mootoolsはjqueryではなく、実装が異なることを覚えておく必要があります。

まず、$$関数は要素ではなく要素の配列を返すため、配列でshowを呼び出すことはできません。必要な要素を取得する必要があります（通常は最初です）。

2番目-$（this）を使用して現在の要素を呼び出すことができますが、すでに要素イベント内にいるため、「this」を使用できるため、少し不要です。

http://jsfiddle.net/kk4gz/2/ 

    $$('div.showButton').addEvent('click', function(){

       // show next Container 
       $$('div.container')[0].getNext().show('inline');   

       // remove this "showButton"
       this.remove();

    });
于 2013-03-27T12:00:54.120 に答える