我正在寻找一些新手 Javascript 帮助。
我有一系列简单的功能,可以使用 JQuery 添加和删除一些 slider 内容,点击标注即可。如何重写它以适用于任何类别(“cat1”等)内容?
$('.cat1_link').click(function(event) {
$('.category_slides li').fadeOut();
$('.cat1').fadeIn();
$('article.listitem').removeClass('current');
$('article.listitem.cat1').addClass('current');
});
$('.cat2_link').click(function(event) {
$('.category_slides li').fadeOut();
$('.cat2').fadeIn();
$('article.listitem').removeClass('current');
$('article.listitem.cat2').addClass('current');
});
最佳答案
将您的 HTML 更改为:
<a class="cat_link" data-category="cat1" ...>
然后您可以将 jQuery 编写为:
$('cat_link').click(function(event) {
var cat_class = $(this).data('category');
$('.category_slides li').fadeOut();
$('.'+cat_class).fadeIn();
$('article.listitem').removeClass('current');
$('article.listitem.'+cat_class).addClass('current');
});
关于javascript - Javascript 中的重复函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16296666/