javascript - 页面加载时如何应用过滤器？

Question

过滤器具有以下代码:

<li style="float:left; width:70px; padding-left: 10px;"><a href="#none" data-filter=".film"><img src="img/study.png" width="70"></a></li>
<li style="float:left; width:70px; padding-left: 10px;"><a href="#none" data-filter=".music"><img src="img/study.png" width="70"></a></li>
<li style="float:left; width:70px; padding-left: 10px;"><a href="#none" data-filter=".art"><img src="img/study.png" width="70"></a></li>

我想在启动页面时为过滤器创建自动加载。 过滤器中的主要内容是:

data-filter=".music"

但是我不知道在启动页面时自动调用这个过滤器。我该怎么做？

Answer 1

您可以在$(document).ready()上执行此操作。

$(document).ready(
    function () {
        $('[data-filter=".music"]').click()
    }
);

fiddle :http://jsfiddle.net/Lsrvd9et/

[data-filter=".music"] 是一个根据属性值选择元素的选择器。 document.ready 是一个在页面准备好执行 JavaScript 代码时运行的事件。