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调用之前包含此代码，或者在评论中提到的成功回调中包含更好的代码。