jquery-isotope

0熱度

1回答

我的問題是創建佈局，如在示例http://www.jqueryscript.net/demo/Responsive-Square-Grid-Layout-jQuery/和使用同位素過濾。而且我還用同位素庫過濾，這裏是過濾代碼： var $grid = jQuery('.mansory_wrapper').isotope({ itemSelector: '.grid-item1',

0熱度

2回答

列特定風格

我有一個磚石佈局同位素畫廊： https://codepen.io/Deka87/pen/owVqmy JS： $('.grid').isotope({ itemSelector: '.grid-item', layoutMode: 'masonry' }); CSS： .grid-item { width: 50%; } 這基本上將畫廊分爲兩列。有什麼方

0熱度

1回答

在同位素砌體jQuery插件中顯示靜態塊

我使用的WordPress主題是使用同位素jQuery插件在我的網站here中顯示pinterest像瓦片結構。我試圖在其他瓷磚之前顯示靜態全寬度瓷磚，以添加網站的小型說明以及用於SEO目的。但其他瓷磚重疊，看不清楚。我期待在頁面頂部顯示一個完整寬度的塊，在這個圖像中就像這樣。於是，我就從Masonry Isotope website使用這樣的事情， jQuery('.index-isotop

0熱度

2回答

同位素translate3d值增加

請幫我使用同位素過濾我的項目，但項目組織得不好，因爲內聯樣式translate3d值增加了..例如，第一個項目應該以值0px，0px，0px開始，但是在我的情況下，它開始於40像素，0像素，0像素不包括JavaScript代碼中，我看到4個項目以及舉辦這樣但是，當我包括JS代碼在一個行，而不是我有3個項目，因爲它應該舉辦be 請訪問my website瞭解問題的項目，嵌段位於頁面的頁腳上述底部

0熱度

1回答

同位素追加Ajax請求

一直在嘗試，使用堆棧溢出以及其他網站的建議，但我不能讓這個工作100％; 任何人都可以擺脫如何獲得追加工作的同位素ajax調用。這是我的代碼。 var $grid = jQuery('.pro-main').isotope({ itemSelector: '.showportfolio', percentPosition: true, masonry: {

0熱度

1回答

同位素與packery給出了錯誤：沒有佈局模式：packery

我試着用同位素與packery，但我一直歌廳以下錯誤「錯誤：沒有佈局模式：packery」繼承人的代碼： HTML： <script src="https://unpkg.com/[email protected]/imagesloaded.pkgd.min.js"></script> <script src="https://raw.githubusercontent.com/metaf

0熱度

1回答

同位素排序HTML數據屬性

我想基於HTML屬性的同位素結果進行排序： HTML： <div id="results"> <div data-order="1">Test 1</div> <div data-order="2">Test 2</div> <div data-order="1">Test 2</div> </div> 的Javascript： var container =

0熱度

1回答

同位素搜索無法在Ajax內容上工作

我在我的Ajax加載列表項目上使用Isotope創建搜索功能。通過以下同位素的文檔和例子，我在下面腳本 - <script type="text/javascript"> var grid = null; jQuery(function($) { var qsRegex; Isotope.Item.prototype._create = function() { // a

0熱度

1回答

同位素 - 基於URL哈希的複選框

我正在使用Isotope插件，並使用它來使用多個按鈕組進行過濾，並且還創建了URL哈希。一切似乎工作正常，除了如果我去一個URL地址散列已經填寫，複選框不檢查。例如，當您到達此頁面時，應已檢查這些框：「抽象」，「肖像」，「水果」。 https://s.codepen.io/happyvalley/debug/OjOpKJ/NjrYzwQWZRZA#filter=.abstract.fruit%

0熱度

1回答

如何僅在使用同位素過濾器和多個過濾器時在fancybox中顯示過濾圖像？

我想只顯示已被過濾出來的圖像，目前如果您過濾出圖像並單擊以在fancybox中打開圖像，它將顯示所有圖像，而不僅僅是已過濾的圖像。 $(".fancybox").fancybox({ padding: 0, tpl: { closeBtn: '<a title="Close" class="fancybox-item fancybox-close custom-fa