使用jQuery

Question

我在为此脚本设置默认类别时遇到了麻烦。我希望默认情况下仅列出类别1 ，其中一条新闻中包含全部，但我尝试的任何内容似乎都无效。有任何想法吗？

这是包含HTML和一些CSS的完整代码：https://codepen.io/NickyCDK/pen/lhaiz

//Filter News
$('select#sort-news').change(function() {
	var filter = $(this).val()
	filterList(filter);
});

//News filter function
function filterList(value) {
	var list = $(".news-list .news-item");
	$(list).fadeOut("fast");
	if (value == "All") {
		$(".news-list").find("article").each(function (i) {
			$(this).delay(200).slideDown("fast");
		});
	} else {
		//Notice this *=" <- This means that if the data-category contains multiple options, it will find them
		//Ex: data-category="Cat1, Cat2"
		$(".news-list").find("article[data-category*=" + value + "]").each(function (i) {
			$(this).delay(200).slideDown("fast");
		});
	}
}

Answer 1

您可以使用触发器

$('select#sort-news').trigger(filterList('Cat1'), 'click');