0

私はJavaScript言語の完全な初心者です。

アイソトープの使用に関するこのチュートリアルに従いました。これを nav-pills と統合して、独自のフィルタリングを作成することにしました。うまく機能しますが、フィルターをクリックした後、メニュー ポップアップが消えることはありません。

私のコードのスニペットを見てください：

            <ul class="nav nav-pills">

                <li id="isotopedemo"><a href="" data-filter="*">Demo All</a></li>

                <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" class="menu">For Sale<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li id="isotope"><a href="" data-filter=".cat1">Demo 1</a></li>
                        <li id="isotopedemo"><a href="" data-filter=".cat2">Demo 2</a></li>
                        <li id="isotopedemo"><a href="" data-filter=".cat3">Demo 3</a></li>
                        <li id="isotopedemo"><a href="" data-filter=".cat4">Demo 4</a></li>
                        <li id="isotopedemo"><a href="" data-filter=".cat5">Demo 5</a></li>
                        <li id="isotopedemo"><a href="" data-filter=".cat6">Demo 6</a></li>
                    </ul>
                </li>

            </ul>



<script type="text/javascript">
    $(document).ready(function(){
    var $container = $('#content');
    $container.isotope({
        filter: '*',
        animationOptions: {
         duration: 750,
         easing: 'linear',
         queue: false,
       }
    });

    $('#isotopedemo a').click(function(){
      var selector = $(this).attr('data-filter');
        $container.isotope({ 
        filter: selector,
        animationOptions: {
         duration: 750,
         easing: 'linear',
         queue: false,

       }
      });
      return false;
    });
    });
</script>

クリックしたらボックスを閉じたいだけですが、これをさらにイライラさせるのは、何を検索すればよいかわからないことです。

4

1 に答える 1

0

これを試して

ライブデモ：http ：//codebins.com/bin/4ldqp7z

$(document).ready(function() {
    var $container = $('#content');
    $container.isotope({
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false,
        }
    });


  $(".dropdown").click(function(){
        $(".dropdown-menu").show(400);
  });
    $('#isotopedemo a').click(function() {
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false,

            }
        });

        $(".dropdown-menu").hide(500);
        return false;
    });
});
于 2012-08-28T06:56:56.983 に答える