AJAX問題與內容加載

Question

好吧我的朋友們......

我創建有一些AJAX調用內容加載到一個名爲#contentAll，頁面框架DIV頁面由頂部的下拉導航，一個與頁面具有相同鏈接的左欄。除了主要頁面的鏈接，當前是下拉導航標題的鏈接，它們都被硬編碼爲xxxx.html引用並且工作正常，在頁面上顯示內容但在滾動另一個鏈接時並選擇使用AJAX觸發的鏈接，它將xxxx.html頁面列表保留在左側，但顯示來自另一頁面的內容。

我怎麼會去在同一時間發射兩者的AJAX目前使用的是：

$(".ajaxified").click(function(){  
    document.getElementById("contentAll").innerHTML = "";  
    $.ajax({ 
    url: "AboutUs.html", 
    cache: false, 
    success: function(html){ 
     $("#contentAll").append(html); 
    } 
    });  
}); 

Answer 1

所以，你想改變導航的鏈接比xxxx.html其他的東西嗎？如果您只想要單擊某個頁面進行更改，則可以使用$(this)

更改鏈接，使其成爲不同的顏色或用於指示用戶現在處於哪個頁面的信號。

$(".ajaxified").click(function(){ 
$(this).css("color","green"); 
//rest of your ajax call 
#or to change the href attribute $(this).attr("href","yyyy.html"); 

，如果你想改變一個標題點擊，你可以揣摩的標題給你點擊了鏈接關係和訪問的是，像

var $this = $(this); 
$('.selected').removeClass('selected'); 
$this.parent().addClass('selected'); 

，或者它們由ul和li構成：

var $this = $(this); 
$('.selected').removeClass('selected'); 
    $this.closest('ul').addClass('selected'); 

希望這有助於！另外，您可以在ajax調用之前包含此代碼，或者在評論中提到的成功回調中包含更好的代碼。