jquery - jQuery将html特定的div加载到网页中

Question

有一点问题

单击时有四个链接我想将来自外部 html 页面的内容加载到一个名为 content 的 div 中，该 div 向下滑动并显示来自外部 html 页面的内容，但我想使用链接中的 href 加载特定的 div来自外部 html 页面的标签.. 我几乎错过了最后一部分.. 我似乎无法在我的 jquery 加载语句中使用我的变量..

这就是我到目前为止所得到的..

    $("#services a").click(function(){
     var href = $(this).attr("href");
      console.log(href)
      $('#content').slideToggle(function(){
       $("#content").load("services.html" + href); 
      });
    return false;
    });

另外，如果有人能指出我如何在选择不同的链接时将内容 div 向后滑动，然后显示该链接的内容.. 会很棒..

多谢你们..

Answer 1

假设 href 是正确的并且与选择器相同，则缺少一个空格：

$("#services a").click(function(){
     var href = $(this).attr("href");
     $('#content').slideToggle(function(){
         $("#content").load("services.html " + href); 
                      //                  ^^^ space needed here 
     });
     return false;
});

这是因为正确的语法load()是

$("#content").load("services.html #IdOfelementToLoad"); 
//    ^^                ^^       ^         ^^
//  container         filename  space    selector for filter

文档