我在使用 Isotope 控制过滤选项卡和分页链接的视觉显示时遇到了一点麻烦。我想解决两个问题:
1 如何分类我的过滤选项卡之一,使其在页面加载时看起来已经被选中?
2 当我单击容器中的分页链接时,当前选定的选项卡被取消分类,这意味着它看起来不再被选中?
请在此处查看演示 andym.ca/designs/isotope/tester4.html,您就会明白我的意思。
我在使用 Isotope 控制过滤选项卡和分页链接的视觉显示时遇到了一点麻烦。我想解决两个问题:
1 如何分类我的过滤选项卡之一,使其在页面加载时看起来已经被选中?
2 当我单击容器中的分页链接时,当前选定的选项卡被取消分类,这意味着它看起来不再被选中?
请在此处查看演示 andym.ca/designs/isotope/tester4.html,您就会明白我的意思。
关于第一个问题;在你的同位素逻辑代码正确之前,你可以有这个匿名的自我执行功能来预设某些东西
(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;
})();
或者做不到这一点,利用哈希历史来预设您的网站。
关于第二个问题,您似乎正在使用此 CngClass 函数来切换所有可单击“a”元素的焦点,因此当您单击分页“a”元素时,存档视频自然会失去焦点。当您点击标签和分页器时,您可以在 Google Chrome 的开发者工具中很好地看到它。
好吧,您应该在分页上单独切换“突出显示类”,其功能与切换选项卡的功能不同。一个匿名的自执行函数一遇到就会执行,所以看起来你的 DOM 的其余部分还没有准备好。尝试相同的功能,但准备好文档。
你可以这样做。
您可以像这样预先标记您的标签或屏幕上的任何项目