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

内容加载的AJAX问题

1 个答案: