Wordpressでポートフォリオサイトを作っています。このためのフィルタリングでjquery プラグインIsotopeを使用しました。これは、ホームページ上でうまく機能します。ただし、投稿をクリックすると。次に、フィルターをクリックしてホームページに移動できるようにする必要がありますが、フィルターが適用されています。私のコードは次のとおりです。
HTML:
<ul class="filters">
<li><a href="<?php echo site_url(); ?>/about-me">About Me</a></li>
<li><a class="filter" href="" data-filter=".creative">Creative</a></li>
<li><a class="filter" href="" data-filter=".social-strategy">Social Strategy</a></li>
<li><a class="filter" href="" data-filter=".design">Design</a></li>
<li><a class="filter" href="" data-filter=".websites">Websites</a></li>
<li><a href="" class="active" data-filter="*">All</a></li>
</ul>
Javascript:
$('#filters a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
私はこの解決策を試しましたが、これはまさに私が達成しようとしているものです: http://www.mcnab.co/blog/content-management-systems/jquery-isotope-filtering-results-for-url/しかし、それはしませんでした私のために働いてください。
私のウェブサイトには、ホームページ (フィルター付き) と投稿ページの 2 つのページしかありません。フィルター コントロールは、header.php ファイルにあります。