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

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()
    }
);

小提琴：http://jsfiddle.net/Lsrvd9et/

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