創建函數的實例

我有一堆顯示和隱藏容器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() { 
       });  
     });

如果任何人都可以在正確的方向指向我，這將是巨大的，我不知道從哪裏開始尋找...

謝謝

來源

2011-08-30 kareldc

會有這樣的幫助嗎？

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')); 
});

來源

2011-08-30 16:22:47 HBublitz

這似乎正是我需要的，我不知道是什麼語法是將函數放入變量中。你有什麼想法如何在div處理程序中調用變量（#button_VARIABLE）？非常感謝！ – kareldc

*調用變量*？你試圖達到的是（告訴我，如果我錯了）：將變量作爲DIV-HTML +的一部分，調用與任何div相同的func，應用這些變量？ – HBublitz

這可能是一種方法：http://jsfiddle.net/hbublitz/RGKSc/ – HBublitz

試試這個它基本上使用jQuery鏈接的幫助，因此不需要將對象緩存到局部變量中。

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

來源

2011-08-30 16:17:57 ShankarSangoli

我假設你有控制HTML。如果你有許多共享功能的按鈕，給它們相同的CSS類，並在rel或data屬性中添加一個唯一的標識符：

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

來源

2011-08-30 16:23:31

創建函數的實例

回答

相關問題