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

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代码时运行的事件。