Question

我在使用Isotope控制过滤标签和分页链接的可视显示方面遇到了一些麻烦。我想解决两个问题：

1如何对我的一个过滤标签进行分类，使其在页面加载时看起来已被选中？

2当我点击容器中的分页链接时，当前选择的选项卡会被降级，这意味着它不再被选中了？

请在这里看一下演示andym.ca/designs/isotope/tester4.html，你会明白我的意思。

Answer 1

关于第一个问题;在您的Isotope逻辑代码正确之前，您可以使用此匿名自执行功能来预设某些事物

(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

上预先标记您的标签或任何项目

同位素选择元素控制

1 个答案: