AJAX 是否通过 URL 中的哈希标签调用页面加载？

Question

我正在使用同位素，这是 jsfiddle： http://jsfiddle.net/desandro/DA3wF/

或者，或者，我设置的演示： http://nerdi.net/isotope-test.html

有一个选项 filter: 选择器

我如何传递过滤器，例如： index.html html#green 在页面加载时会过滤到 .green 类吗？这可能吗？

Answer 1

filter: (window.location.hash != '') ? '.' + window.location.hash.replace('#', '') : 'default'

这是一个 if/then 语句，用于检查当前哈希是否为空字符串。如果是，则 filter 将设置为 default，否则将设置为 window.location.hash 值（减去 #）。

像这样的 URL，index.html，将导致 filter 设置为 default 以及像这样的 URL，index.html #my-selector，将导致 filter 设置为 .my-selector。

更新

您的代码不起作用的原因实际上与我的代码没有任何关系，但这是我在您的网站上测试的代码的更新版本：

$filterLinks.click(function(){
    var $this = $(this);
    
    // don't proceed if already selected
    if ( $this.hasClass('selected') ) {
        return;
    }
    
    $filterLinks.filter('.selected').removeClass('selected');
    $this.addClass('selected');
    
    // get selector from data-filter attribute
    var selector = $this.data('option-value');
    
    $container'.isotope({
        filter: selector
    });
});

Answer 2

filter: window.location.hash.replace('#', '.')

location.hash将返回“#green”，我们只需将其替换为点即可得到“.green”。

jsfiddle 包含如何根据哈希更改所选链接的示例。