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

Question

遇到一点问题

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

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

    $("#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

Documentation