同位素選擇元素控制

我在使用同位素控制過濾選項卡和分頁鏈接的視覺顯示時遇到了一些麻煩。我想解決兩個問題：同位素選擇元素控制

1如何對我的一個過濾選項卡進行分類，使其在頁面加載時看起來已被選中？

2當我點擊容器中的分頁鏈接時，當前選定的選項卡被分類，這意味着它不再看起來被選中？

請在這裏看演示和andym.ca/designs/isotope/tester4.html，你會明白我的意思。

2012-08-02 user1106295

不是很清楚你的「記住我的初始過濾點擊」是什麼意思？你要這麼說，例如，存檔視頻標籤已經以深灰色顯示相應的視頻 - 當訪問者第一次訪問您的網站時？有了這些令人困惑的虛擬視頻名稱，也很難理解你的第二個問題。在Isotope容器上使用三個過濾器選項卡時，究竟發生了什麼？ – Systembolaget 2012-08-02 20:10:03

對不起，我同意它不是最好的問題。加載第一個選項卡應該將選定的類分配給它。另一個問題是，如果您單擊歸檔選項卡，然後單擊分頁，歸檔選項卡類將失去其深灰色選擇類，並被添加到分頁選定類中，因此我需要選定的歸檔選項卡在您查看時保持不變分頁鏈接。 – user1106295 2012-08-02 20:23:56

關於第一個問題，您同位素邏輯正確的代碼之前，你可以有這個匿名的自動執行功能預設某些事情

(function(){ 
    var selector = $('.classtobefilteredoutonload'); 
    $container.isotope({ filter: selector }); 
    // other things that shall happen too go here, like assigning the right class to you PMTV tab div 
    return false; 
})();

如果不行的話，槓桿hash history預設您的網站。

關於第二個問題，看起來您正在使用此CngClass函數爲所有可點擊的「a」元素切換焦點，因此當您點擊分頁「a」元素時，歸檔視頻自然會失去焦點。您可以在Google Chrome的開發者工具中看到它，同時點擊您的標籤和分頁標籤。

那麼，你應該分別在你的分頁切換一個「突出顯示的類」，用不同的功能來切換你的標籤頁。一旦遇到匿名自執行函數，它就會執行，所以它看起來像其餘的DOM沒有準備好。嘗試相同的功能，但在文檔準備就緒。

你可以做到like this。

您可以預先標記的標籤或屏幕上的任何項目like this

來源

2012-08-02 22:17:55 Systembolaget

，我讓你的代碼改變（請查看我的例子..所有源代碼都在那裏），但它確實似乎正在生效（我將類更改爲適當的樣式）。你會建議用什麼分頁方式，以便點擊任何分頁按鈕時，存檔vid的風格不會改變？ – user1106295 2012-08-03 12:44:14

所以我拿走了CngClass的功能，但是這讓我的熱門頁面顯示任何選擇的類，任何方式圍繞？也加入你給的腳本後，動畫被打破，所以我不得不把它拿走，請查看當前版本。 – user1106295 2012-08-03 12:57:28

修改我的回答... – Systembolaget 2012-08-03 13:29:50

同位素選擇元素控制

回答

相關問題