0

我在使用 Isotope 控制过滤选项卡和分页链接的视觉显示时遇到了一点麻烦。我想解决两个问题:

1 如何分类我的过滤选项卡之一,使其在页面加载时看起来已经被选中?

2 当我单击容器中的分页链接时,当前选定的选项卡被取消分类,这意味着它看起来不再被选中?

请在此处查看演示 andym.ca/designs/isotope/tester4.html,您就会明白我的意思。

4

1 回答 1

1

关于第一个问题;在你的同位素逻辑代码正确之前,你可以有这个匿名的自我执行功能来预设某些东西

(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 的其余部分还没有准备好。尝试相同的功能,但准备好文档。

你可以这样

您可以像这样预先标记您的标签或屏幕上的任何项目

于 2012-08-02T22:17:55.757 回答