这段代码可以简化或简化吗?

时间:2015-02-19 18:23:06

标签: javascript jquery loops

写这样重复的东西的简单方法是什么?

为了方便工作,我经常快速,复制和做事。粘贴时尚,因为我知道它会起作用,并没有时间研究“正确”的方式来做到这一点。

(可以更改ID以使用循环):

// OPEN PRIVACY
$("#privacy_trigger").click(function() {
$("#privacy").fadeIn(150);
positionPopup();
});

//CLOSE PRIVACY
$("#close_privacy").click(function () {
$("#privacy").fadeOut(150);
});

//OPEN TERMS
$("#terms_trigger").click(function() {
$("#terms").fadeIn(150);
positionPopup();
});

//CLOSE TERMS
$("#close_terms").click(function () {
$("#terms").fadeOut(150);
});

//OPEN PARTICIPATION
$("#participation_trigger").click(function() {
$("#participation").fadeIn(150);
positionPopup();
});

//CLOSE PARTICIPATION
$("#close_participation").click(function () {
$("#participation").fadeOut(150);
});

1 个答案:

答案 0 :(得分:1)

给这个镜头......

$('[id$="_trigger"]').click(function() {
   var newId = $(this).attr('id').replace('_trigger', '');
   $('#'+newId ).fadeIn(150);
   positionPopup();
});

$('[id^="close_"]').click(function() {
   var newId = $(this).attr('id').replace('close_', '');
   $('#'+newId ).fadeOut(150);
});