jquery使用存储的var将页面内容加载到div中

Question

我无法解释这一点，但我试图自动检测该页面，并为该页面放置相应的子菜单......

基本上我的问题是我如何写这条线......或者??

$( "#navsubmenu" ).load("Templates/navigation.html", submenu);

这里有一些背景知识：

//detect url
var page = window.location.href;
//strip off url address and get page name
var page_name = page.substring(page.lastIndexOf('/') + 1);
//concatenate string nav-submenu to page name and strip off html to get the submenu name

var submenu = '.nav-submenu-' + page_name.substr(0, page_name.lastIndexOf('.'));

在这个例子中它是索引页面：

<ul class="nav-submenu-index">
  <li class="sectionTitle">OF INTEREST</li>
  <li><a href="#">Link #1</a></li>
  <li><a href="#">Link #2</a></li>
  <li><a href="#">Link #3</a></li>
  <li><a href="#">Link #4</a></li>
  <li><a href="#">Link #5</a></li>
</ul>

所以如果加载的页面是index.html

，基本上子菜单将是nav-submenu-index

但我不知道如何正确地写它，这样做不起作用：

$( "#navsubmenu" ).load("Templates/navigation.html submenu");

我试过这个并且在页面上有 ALL 菜单，而不是实际的片段：

$( "#navsubmenu" ).load("Templates/navigation.html", submenu);

并且它写入的div只是：

<div id="aside"></div>

Answer 1

使用字符串连接：

$("#navsubmenu").load("Templates/navication.html " + submenu);