同位素选择元素控制

我在使用同位素控制过滤选项卡和分页链接的视觉显示时遇到了一些麻烦。我想解决两个问题：同位素选择元素控制

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

同位素选择元素控制

回答

相关问题