Question

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

我想从主菜单中检索所有链接，将click事件附加到它们，并告诉jQuery通过ajax调用将一些内容加载到#divContent。内容位置应取决于每个链接中的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'));
     });

});

将click事件添加到主菜单中的所有“a”标记

2 个答案: