javascript - 将点击事件添加到主菜单中的所有“a”标签

Question

$(document).ready(function () {
            $("#MainMenu a").click(function () {
                $("#divContent").load( ???? );
            });
        });

我想从我的主菜单中检索所有链接，将click事件附加到它们，并告诉 jQuery#divContent通过 ajax 调用加载一些内容。内容位置当然应该取决于href每个链接中的标签。

Answer 1

你快到了，试试：

 $("#MainMenu a").click(function (e) {
     e.preventDefault(); //prevent the default click behavior of the anchor.
     $("#divContent").load(this.href); //just get the href of the anchor tag and feed it onto load.
 });

Answer 2

如果您也在寻找性能并且您有大量选项，那么最好的方法是：

$(document).ready(function () {

     $('#MainMenu').on('click', 'a', function (e) {
         e.preventDefault();
         var $a = $(this);
         $("#divContent").load($a.prop('href'));
     });

});