创建函数的实例

Question

我有一堆显示和隐藏容器div的按钮的地图。我不想为每个按钮分配相同的代码，因为它们都是一样的。

我在想，如果单击该按钮，以便它可以替换DIV ID的一部分（处理？）

所以我可以指#fiche_8_1980_img_container为#fiche_VARIABLE创建一个变量。

我的问题的第二部分是动画功能我都在寻找这样的：

$('#fiche_8_1980_img_container').animate({"opacity" : 1,}, 150, function() {}); 

有没有把这个实例或对象，所以我可以把它更轻松的方式？

这是我用于该按钮的一段代码。

$('#button_8_algiers').click(function() { 
     $('#fiche_8_1980_img_container').css('visibility','visible'); 
       $('#fiche_8_1980_img_container').animate({"opacity" : 1,}, 150, function() { 
       });  
     });   

如果任何人都可以在正确的方向指向我，这将是巨大的，我不知道从哪里开始寻找...

谢谢

Answer 1

会有这样的帮助吗？

var ficheHandler = { 
    animateFiche: function(fiche) { 
     fiche 
     .css('visibility','visible'); 
     .animate({"opacity" : 1,}, 150, function() { 
      }); 
    } 
} 


$('#button_8_algiers').click(function() { 
    ficheHandler.animateFiche($('#fiche_8_1980_img_container')); 
}); 

Answer 2

试试这个它基本上使用jQuery链接的帮助，因此不需要将对象缓存到局部变量中。

$('#button_8_algiers').click(function() { 
     $('#fiche_8_1980_img_container').css('visibility','visible'); 
     .animate({"opacity" : 1,}, 150, function() { 
     });  
}); 

Answer 3

我假设你有控制HTML。如果你有许多共享功能的按钮，给它们相同的CSS类，并在rel或data属性中添加一个唯一的标识符：

$('a.myButton').click(function(e) { 
    e.preventDefault(); 
    $('#' + $(this).attr('data-target')).fadeIn(150); 
});