無法讓同位素填滿容器寬度

[英]Can't get isotope to fill the container width

我正在研究使用同位素的客戶 web，當我在全寬容器上使用它時，它目前正在工作，如此處所示 https://constructionandrepair.com/#gallery 但是嘗試類似的東西，在兩列布局上似乎不起作用，因為它沒有像這里看到的那樣占用整個寬度 https://constructio ...

同位素Js不顯示動畫

[英]isotope Js not showing animation

我正在使用同位素 Js 來顯示過濾后的元素，有一個過濾器包含很多項目，所以它沒有顯示動畫，因為它在可見內容下 一段代碼示例（此代碼片段取自 stackoverflow 上的其他問題）： 如果您需要更多詳細信息，請通知我。 提前致謝， ...

使用多個復選框時，Isotope.js 無法正確過濾

[英]Isotope.js not filtering correctly when using multiple checkboxes

我有一個簡單的過濾器，其中包含兩個checkboxes ，一個用於cake ，另一個用於cupcake 。 用戶可以選中任一選項，或同時選擇兩者以顯示所有結果。 但是，即使我的filters數組包含正確的值，也沒有任何顯示。 即使按一個選項過濾，它也不會顯示正確的結果。 在此處查看演示： ...

jQuery 日期之間的同位素過濾

[英]jQuery Isotope filtering between dates

我正在制作一個事件日歷，我想顯示兩個日期選擇器字段之間的所有事件，我將不勝感激每一個提示。 同位素代碼： 到目前為止這是有效的，但只顯示具有確切開始和結束日期的事件。 這就是出於演示目的而發生的事件的樣子： 我的想法是：我確信我需要一個自定義的 function 來過濾，我在其中比較兩個時間戳並檢查 ...

嘗試安裝 isotope.js 以創建畫廊網格

[英]Trying to install isotope.js to create gallery grid

我為我的個人網站購買的主題使用 isotope.js 來創建多列、動態的網格布局。 主題推薦我使用 npm 安裝同位素： npm install isotype.js -S 我回來了這個錯誤： 我已經嘗試卸載並重新安裝 npm。 在某些時候，我安裝了它（不確定我更改了什么）並繼續更改我的gulpfi ...

jQuery 同位素和包裝：網格項目垂直重疊

[英]jQuery Isotope and Packery: grid items vertically overlap each other

為什么使用 Packery 時 Isotope 中的網格項目會垂直重疊？ 是因為它們的大小是動態的嗎？ 即，每個 Twitter 提要項在加載后可以是不同的大小嗎？ 還是我調用imagesLoaded或 Packery 的方式有問題？ 我無法在 SO 上獲得代碼片段，所以這是一個小提琴https:/ ...

具有混合、同位素等過濾選項的圖像砌體？

[英]Image masonry with filtering options like mixitup, isotope?

我正在為我的 nextjs 應用程序（如mixitup和istope ）吸吮反應組件。 在我的網站中，我添加了帶有動畫過濾器（如mixitup或Isotope ）的圖片庫過濾選項。 有什么方法可以在我的下一個 js 應用程序中添加此功能...非常感謝！ ...

使用同位素布局按日期排序

[英]Sort by date with isotope-layout

我在我的 Next.js 項目中找不到任何關於如何使用同位素布局進行日期排序的文檔。 這是我已經走了多遠。 日期顯然是排序的，但它會按字母順序排序。 我需要知道如何在date: function ($elem) { return Date.parse($elem.find('.date').text ...

選中/取消選中同位素中的輸入復選框

[英]Check/uncheck input checkboxes in Isotope

我有一個帶有復選框輸入的簡單同位素網格，用於對網格中的項目進行排序。 這工作正常。 問題是“顯示全部”復選框和不同類別復選框之間的交互。 當檢查“顯示”時，我必須手動取消選中它，以便能夠檢查任何類別的復選框。 當我取消選中所有類別時，我希望“全部顯示”檢查自身以指示所有類別項目都被顯示。 http ...

如何從 React(Typescript) isotope-layout 中查找過濾后的項目計數

[英]How to find the filtered items count from React(Typescript) isotope-layout

我正在使用 React(Typescript) 中的同位素布局庫。 我能夠設法過濾我的頁面中的工作。 但我不確定如何返回過濾后的項目數。 在頁面加載時，我正在初始化同位素。 onFilterChange 處理過濾器值並執行排列。 同位素排列后，如何獲得過濾項目計數？ ...

使用 HTML5 數據屬性而不是 CSS 類進行同位素過濾

[英]Isotope Filtering with HTML5 Data Attributes instead of CSS classes

在使用 HTML 5 數據屬性而不是 CSS 類來過濾具有同位素的內容方面需要一些幫助或指導。 我目前已經實現了一個完全有效的內容過濾器，它工作得很好，但我需要在要過濾的項目上使用自定義數據屬性。 實質上，我對要過濾的項目的標記如下： 這樣我就可以過濾掉 div，例如； 是3間卧室的單位。 ...

Webpack Encore 和 jQuery 插件：$(...).isotope 不是函數

[英]Webpack Encore & jQuery plugin : $(…).isotope is not a function

我正在使用 Yarn 和 jQuery 進行 Symfony5 項目。 當我嘗試在 Webpack Encore 中使用 jQuery 插件“ isotope-layout ”時出現錯誤。 我嘗試修復它好幾個小時，但我可能沒有以正確的方式去做。 這是我的代碼： webpack.config. ...

如何使用 Isotope JS 使圖像大小相同

[英]How to get the images to be the same size using Isotope JS

我正在使用 Isotope JS 並且我正在嘗試獲得均勻分布的比例畫廊布局，但我不確定有什么問題。 我的代碼不與同位素合作。 如果有人能幫助我弄清楚我做錯了什么，我將不勝感激。 如果這也有幫助，我創建了一個代碼筆： https ://codepen.io/jaytb95/pen/vYxMGqP ...

如何使用 isotipe.js 過濾 select 下拉列表？

[英]how to filter in select dropdown with isotipe.js?

如何更改此示例以下拉過濾器？ 我對 jquery 的了解幾乎為零。 “https://codepen.io/Igorxp5/pen/ojJLQE” ...

ASP.NET Core MVC 在產品頁面詳細信息上應用同位素過濾器

[英]ASP.NET Core MVC apply isotope filter on product page details

我在 my.Net 核心項目上動態應用了同位素過濾器。 我成功地做到了，但發生了一個小錯誤。 在選擇了產品的特定類別 position 后沒有先到。 下面看我的兩張圖片所有產品過濾后檢查該圖像的 position 沒有改變（它需要先出現） 我在 Index.cshtml 下面的代碼 同位素.js 如 ...

我可以使用其他過濾器來代替 Isotope.js 嗎？ Isotope.js 無法正常工作，我不知道為什么

[英]Is there any other filter that I can use instead of Isotope.js? Isotope.js just wont work and I don't know why

我有 3 個按鈕，有點像我想與 Isotope.js 一起使用的過濾器（更小/相同/更大）。 我一直在查看文檔，但仍然無法弄清楚如何使其工作。 在我看來，一切都設置得很好，但它仍然不能正常工作，作為一個過濾器，它只顯示具有精確 class 的項目。 這是 HTML： 還有我的 Javascript ...

根據單擊框切換 div（單個頁面中的多個 div）

[英]Toggling a div based on the clicked box (multiple divs in a single page)

我正在使用 isotope.js 來切換不同的 div，數量控制在 6 到 8 之間，所以我使用的是這個 function： 我現在有一個頁面，需要重復切換 8 個塊以在每個塊/容器大約 8 個不同的 div 之間切換。 所以我需要每個容器頂部的每個選擇器來代表一個 div，這里是 HTML 代 ...

為什么 Isotope 在顯示時不向網格項添加“左”值？

[英]Why is Isotope not adding “left” values to grid-items when displaying?

我使用 flex 創建了一個布局，它顯示得很好： 然后我加載了 Isotope 和 cells-by-row.js 布局，這兩個文件都被加載了。 然后只需設置同位素： 布局只是垂直渲染，因為每個元素都設置為 position:absolute 但 left 屬性保留為零。 我假設同位素會計算每個 ...

同位素過濾不起作用，我做錯了什么？

[英]Isotope filtering not working, what did I do wrong?

您可以在此處查看 web 頁面並檢查： https://gryddigital.com/portfolio.html 這是我的 html 過濾器： 這是我的畫廊 html： 這是JS： 請幫忙？ 我是否在某個地方犯了一個愚蠢的錯誤，此外，在我實現圖像加載之前，過濾器正在工作。 但是隨后網格在頁腳處 ...

如何將 Jquery 插件與 React js 和 react-router-dom 一起使用

[英]How to use Jquery Plugin with React js and react-router-dom

我正在學習 react js 並嘗試使用Html template中的react js創建網站。 該模板使用Jquery Isotope image filter plugin和我的反應代碼使用react-router-dom導航頁面。 啟動應用程序時，在home page中過濾器正常工作，但使用菜 ...