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

时间:2013-09-07 13:14:48

标签: jquery load slidedown

有点问题

单击后得到四个链接我想将内容从外部html页面加载到一个名为内容的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,然后显示该链接的内容......那就太棒了..

谢谢你们..

1 个答案:

答案 0 :(得分:8)

假设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