0

私はページのセットアップとして次のものを使用しています（ちなみに、アイソトープ石積みシステムはソートではなく完全に機能します）：

<script type="text/javascript">
$(function(){

  var $container = $('#wall');

  $container.isotope({
    itemSelector : '.block2',
    getSortData : {
      name : function ( $elem ) {
        return $elem.find('.name').text();
      }
    },
    getSortData : {
      site : function ( $elem ) {
        return $elem.find('.site').text();
      }
    }
  });

  $container.infinitescroll({
    navSelector  : '#page_nav',    // selector for the paged navigation 
    nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
    itemSelector : '.block2',     // selector for all items you'll retrieve
    loading: {
        finishedMsg: 'No more pages to load.',
        img: 'http://i.imgur.com/qkKy8.gif'
      }
    },
    // call Isotope as a callback
    function( newElements ) {
      $container.isotope( 'appended', $( newElements ) ); 
    }
  );
});
</script>

サンプルデータ:

<div class="block2">
<li class="list_item">
<div class="list_item_view">
<div class="list_item_name" title="JETS Journey 2011" style=font-size:11px;>
<span class="name">Jets Journey 2011</span></div>
<div class="site"><span class="site">abc.com</span></div></div></div>

<div class="block2">
<li class="list_item">
<div class="list_item_view">
<div class="list_item_name" title="Killers" style=font-size:11px;>
<span class="name">Killers</span></div>
<div class="site"><span class="site">ydc.com</span></div></div></div>

<div class="block2">
<li class="list_item">
<div class="list_item_view">
<div class="list_item_name" title="Best yet" style=font-size:11px;>
<span class="name">Best yet</span></div>
<div class="site"><span class="site">cagey.com</span></div></div></div>

そして、並べ替えの変更を呼び出すには:

<a href=#sortBy=name>name</a> <a href=#sortBy=site>site</a>

しかし、並べ替えリンクをクリックしても何も起こりません。単純なポイントがどこかに欠けていますか?

4

1 に答える 1

2

実用的な例については、こちらのフィドルを参照してください。または、最初のものを並べ替えて、昇順と降順で並べ替えます。

于 2012-08-07T09:47:49.533 に答える