Jquery几乎相同的功能不同的选择器

时间:2014-05-29 19:49:10

标签: jquery function

是否有可能将它写得更短?我不知道如何把其他id的功能放在其中:

$("#TalkClick").click(function() {

    $("#talk").animate({
            left: 0,
          }, 1000,"swing", function() {

          });
});
$("#HectariaClick").click(function() {

    $("#hectaria").animate({
            left: 0
          }, 1000,"swing", function() {

          });
});

因为你可以看到函数是相同的,但内部有不同的id。是否有可能编写一个函数然后只解析选择器?

1 个答案:

答案 0 :(得分:0)

制作可重复使用的功能,然后玩游戏:

function animatorFunc( parentId , childId ) {


$(parentId).click(function() {

    $(childId).animate({
            left: 0
          }, 1000,"swing", function() {

          });
});

};

现在只需传递变量:

animatorFunc("#TalkClick" , "#talk" );
animatorFunc("#HectariaClick" , "#hectaria" );

玩得开心!