2013-09-22 18 views
4
$(document).ready(function() { 
      $("#MainMenu a").click(function() { 
       $("#divContent").load(????); 
      }); 
     }); 

我想要從我的主菜單的各個環節,重視click事件給他們,並告訴jQuery來加載通過Ajax調用一些內容#divContent。內容位置應取決於每個鏈接中href標籤上的課程。click事件給所有「A」標記添加在主菜單中

+0

號我想要在你的回答中展示給我的東西,但現在我試着去運行它。如果它幾乎工作,但現在它已經死了。需要類似JS的debbugger; P因爲我不知道註冊了什麼事件,什麼事情都出錯了。 – zgnilec

+0

您可以通過將'debugger;'放入您的js代碼並使用瀏覽器控制檯進行調試,就像在Chrome/win中一樣,您可以使用f12打開開發者控制檯。 – PSL

回答

8

你就要成功了,試試:

$("#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. 
}); 
+2

不要忘記'event.preventDefault()'。 –

+0

@BillCriswell現貨... !! – PSL

+0

當。在鉻中工作。但不是在Opera中... 10分鐘前它在Opera中也可以工作,但現在不用...嗯,也許我會重新啓動Windows並重試。 – zgnilec

2

如果您正在尋找性能好,你有選擇的大名單,最好的方法是:

$(document).ready(function() { 

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

});