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

Question

我正在尝试为按钮点击创建一个轻量级代码，因此在一些人的帮助下，我现在有了一个适用于所有按钮的代码。

但我忘记了，每个按钮如何执行独特的代码，例如当我对所有按钮使用一个代码时加载不同的页面？

这是我现在拥有的示例: http://jsfiddle.net/pufamuf/pGmZV/

感谢大家的帮助:))))

编辑:每个按钮应该加载不同的页面，例如:

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

Answer 1

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