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

有一点问题

点击后得到四个链接我想从外部html页面加载内容到一个叫做内容的div，它向下滑动并显示来自外部html页面的内容，但我想使用链接中的href来加载特定的div来自外部html页面的标签..我几乎在那里错过了最后一部分..我似乎无法在我的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 

文档