砌体/同位素 - 过滤网址中可见的过滤器

时间:2017-03-06 11:38:55

标签: php jquery jquery-isotope masonry

我接近了一个奇怪的问题。我的主题同位素代码如下:

jQuery(document).ready(function($) {
    //ISOTOPE MAIN
    var  $container = $('#isotope-container');
        $container.imagesLoaded( function(){
        $container.isotope({
         itemSelector: '.isotope-item',
         filter: '.home',
         resizesContainer: true
    });

    //ISOTOPE FILTER
    $(function(){
        var $container = $('#isotope-container');
            optionFilter = jQuery('#filter'),
            optionFilterLinks = optionFilter.find('a');

        optionFilterLinks.attr('href', '#');

        optionFilterLinks.click(function(){
            var selector = jQuery(this).attr('data-filter');
           $container.imagesLoaded( function(){
            $container.isotope({
                filter : '.' + selector,
                itemSelector : '.isotope-item',
                resizesContainer: true,
            });
                });
            // Highlight the correct filter
            optionFilterLinks.removeClass('active');
            jQuery(this).addClass('active');
            return false;
        });
    });

    //ISOTOPE INFINITE SCROLLING
    $(function(){
      $container.infinitescroll({
            navSelector  : '#page_nav',
            nextSelector : '#page_nav a',
            itemSelector : '.isotope-item',
            loading: {
                loadingText: 'Loading',
                finishedMsg: 'Done Loading',
                img: ''
              }
            },

            function( newElements ) {
              var $newElems = $( newElements ).css({ opacity: 0 });
              $newElems.imagesLoaded(function(){
                $newElems.animate({ opacity: 1 });
                $container.isotope( 'appended', $newElems, true );
                $('.format-video').fitVids('appended', $newElems);  
              });

              //CALL FUNCTIONS IN Bean_Isotope.callAfterNewElements
              for(var i = 0; i < Bean_Isotope.callAfterNewElements.length; i++) {
                Bean_Isotope.callAfterNewElements[i].call();
              }
            }
          );
      });


    });

});

我想在那里加入以下解决方案: http://semver.org/

但是当我简单地复制并粘贴jquery时 - 它不起作用。在我的网址中显示没有过滤器。

另外,我对我的问题有一个简短的描述。在我的主页(index.php)上通过同位素显示项目。在其他页面,如生物/接触/地方,我想要显示一个过滤菜单(我可以这样做),它指向index.php +我想添加该过滤器。例如,

如果有人在生物页面上,将点击过滤菜单&#34; .home&#34;他应该被定向到我的主页(index.php)并应用过滤器..

0 个答案:

没有答案