jQuery 同位体プラグインを使用しており、ページの読み込み時に特定のグループのアイテムのみを表示したいと考えています。現在、すべてのアイテムが表示されています。
http://aproposstudio.com/category/work/
たとえば、上記のリンクで、「壁画」が表示されたページをロードする方法はありますか?
ありがとう。
jQuery 同位体プラグインを使用しており、ページの読み込み時に特定のグループのアイテムのみを表示したいと考えています。現在、すべてのアイテムが表示されています。
http://aproposstudio.com/category/work/
たとえば、上記のリンクで、「壁画」が表示されたページをロードする方法はありますか?
ありがとう。
答えはとても簡単です。
$('#container').isotope({ filter: '.your-filter-name' });
コードでこの行を使用します。
このリンクを参照してください: http://isotope.metafizzy.co/docs/filtering.html
したがって、単純な hide() および show() メソッドを使用したいだけだと思います
html 要素に適用されたクラスを使用する場合、次の jQuery 行を使用して簡単にそれらを選択して非表示にすることができます。
$(".project").hide()
$(".murals").show()
これで、すべてのプロジェクトが「非表示」になり、壁画のみが表示されます。
それは理にかなっていますか?
とても簡単です!
(function ($) {
$(window).load(function () {
// settings
var sortBy = 'date', // SORTING: date / name
sortAscending = true, // SORTING ORDER: true = Ascending / false = Descending
theFilter = '.YOUR SORT'; // DEFAULT FILTERING CATEGORY