如何在一个代码覆盖所有按钮时执行按钮单击操作？

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() {}); 
});