如何在一個代碼覆蓋所有按鈕時執行按鈕單擊操作？

Question

我想創建一個按鈕點擊的輕量級代碼，所以在一些人的幫助下，我現在有一個適用於所有按鈕的代碼。

但我忘了，是每個按鈕如何執行唯一的代碼，如我使用一個代碼時加載不同的頁面？

這裏是什麼，我現在有一個例子： http://jsfiddle.net/pufamuf/pGmZV/

感謝您的幫助大家:)）））

編輯：每個按鈕應加載不同的頁面，如：

$('#content').load('SomePage.html', function() {}); 

Answer 1

你可以使用id

jQuery(document).delegate(".menuCanBeActive", "click", function(e) { 
    e.preventDefault(); 
    jQuery(".menuCanBeActive").removeClass("menuActive"); 
    jQuery(this).addClass("menuActive"); 

    var pageToLoad = ''; 
    switch(this.id){ 
     case 'buttonone': 
      pageToLoad = 'aaa.htm'; 
      break; 
     case 'buttontwo': 
      pageToLoad = 'bbb.htm'; 
      break; 
     //etc 
    } 
    if('' !== pageToLoad){ 
     $('#content').load(pageToLoad, function() {}); 
    } 
}); 

Answer 2

添加更多的東西有意義您的href：

<a id="buttonone" class="menuCanBeActive" href="one.html"></a><BR> 
<a id="buttontwo" class="menuCanBeActive" href="two.html"></a><BR> 
<a id="buttonthree" class="menuCanBeActive" href="three.html"></a><BR> 

添加，然後使用你的jQuery：

jQuery("#buttonone").addClass("menuActive"); 

//Menu Buttons 
jQuery(document).delegate(".menuCanBeActive", "click", function(e) { 
    e.preventDefault(); 
    jQuery(".menuCanBeActive").removeClass("menuActive"); 
    jQuery(this).addClass("menuActive"); 
    $('#content').load(jQuery(this).attr("href"), function() {}); 
});