数据过滤器页面加载

Data-Filter Page Load

本文关键字：加载 过滤器 数据      更新时间：2023-09-26

我将如何制作它，以便在页面加载时，如果网址是索引.php#section，它将加载位置.section。我知道我可以使用数据过滤器来做到这一点，这就是我现在正在做的事情，当您单击一个元素时，它会加载该部分。但是我该怎么做，如果他们转到索引.php#section，它会将它们带到同一个区域，就好像您要单击一个元素并加载.section数据过滤器一样？

我已经尝试了很多方法，例如给div 一个 id 说部分，你可以转到 #section 但它不起作用，因为它在您第一次加载页面时是隐藏的。

例如转到 http://codeeplus.net/index.php#contact

它

不起作用，它只是像 5px 一样将您的页面向下移动。

有什么想法吗？

可能不完美或最出色的方法，但如果您希望它在页面加载后显示项目，请尝试触发您根据 location.hash 定义的触发器的单击：

$(function() {
    if (location.hash) {  
        var item = location.hash.substr(1);   // remove # sign
        $('.trigger[data-filter=".'+item+'"]').trigger('click');  // trigger click handler
    }
});
相关文章：