0

私は Jquery を使い始めたばかりで気に入っていますが、理解できない問題があります。

購入したプラグインを実装しました。これは、属性でフィルタリングできる親指のグリッドを作成します。（谷李級）

さらに、クリック時に div を展開する小さなコードを書きました。これは両方とも、メニューが使用されるまで (属性でフィルター処理するために) 完全に機能します。これは、表示されるまで少しあいまいに聞こえるかもしれないことを理解しています。リンクは次のとおりです: http://media-surfer.nl/test

ここにすべてのコードを貼り付ける必要がある場合は貼り付けますが、非常に多いため、概要を把握してリンクにアクセスするのが最善だと考えました。

私は一生これを理解できないので、どんな助けも大歓迎です! 事前にたくさんのありがとう:)

ここに私が書いたコードがあります:

<!-- collapse expand jquery -->
<script type="text/javascript">

    $(document).ready(function(){

        $(".inhoud").hide();
        $(".show_hide").show();

        $('.show_hide').click(function(event) { 

            $(".inhoud").parent().animate({
                width: '160'
            }, 500, function() {
            // Animation complete.
          });

        var $inhoud = $(this).next(".inhoud");

        if($inhoud.hasClass("active")) 
        {
            $(this).parent().animate({
                width: '160'
              }, 500, function() {
                // Animation complete.
            });
            $inhoud.removeClass("active");
        } else {
            $(this).parent().animate({
                width: '769'
              }, 500, function() {
                // Animation complete.
            });
            $inhoud.addClass("active");
        }

    });

});

</script>
 <!-- collapse expand jquery -->
4

1 に答える 1

1

すっごく..あなたのページでバグを見つけましたか? :D

この同じ並べ替えプラグインを一度使用したことがあると思いますが、それが行っているのは、(並べ替え基準に一致する) 要素の新しいコレクションを作成し、それをアニメーション化することです。私の推測では、これがクリック機能を壊す正確な理由です。ドキュメントの準備ができたら、それを既存の要素にバインドし、プラグインをソートすることで、クリック イベントがバインドされていない新しい要素を生成するからです。.on()この行を置き換えて使用してみてください：

$('.show_hide').click(function(event) {

と

$(document).on('click','.show_hide', function(event) {
于 2013-04-20T10:30:12.763 に答える