Javascript 如何使用Knockout JS和基于查询字符串值的Bootstrap将css绑定到元素

Javascript 如何使用Knockout JS和基于查询字符串值的Bootstrap将css绑定到元素,javascript,asp.net-mvc,knockout.js,Javascript,Asp.net Mvc,Knockout.js,我有一个菜单子菜单样式 <ul> <li> <a href="http:\\questionbox.in?action=menu1"> Menu 1 </a></li> <li> <a href="http:\\questionbox.in?action=menu2" data-bind="class: active"> Menu 2 </a></li> <li> &l

我有一个菜单子菜单样式

<ul>
 <li> <a href="http:\\questionbox.in?action=menu1"> Menu 1 </a></li>
 <li> <a href="http:\\questionbox.in?action=menu2"  data-bind="class: active"> Menu 2 </a></li>
 <li> <a href="http:\\questionbox.in?action=menu3"> Menu 3 </a>
  <ul>
   <li> <a href="http:\\questionbox.in?action=menu3_1"> Sub Menu 3.1 </a></li>
   <li> <a href="http:\\questionbox.in?action=menu3_2"> Sub Menu 3.2 </a></li>
  </ul>
 </li>
</ul>

现在,单击任何菜单,我将导航到相应的页面,并使用相应的查询字符串值,如
http:\\questionbox.in?action=menu2

因此,基于查询字符串参数“action=menu2”,我想将活动类设置为相应的href,即使用Knockout将css类活动绑定到菜单2


任何帮助都将不胜感激。

您期望的行为是什么?我不明白您希望发生什么。导航到相应页面是
async
?(因为这些
a
标签上没有url)您需要解释更多以获得所需的帮助。有些事实是模糊的。例如,如果将类设置为css绑定,是否要从其他菜单或子菜单中删除当前活动的css?(只有活动菜单才能获得CSS?)。您是否正在使用foreach
knockout
foreach
生成该列表?你的模型的结构是什么?我已经修改了我问题的描述。希望你能理解。你必须先建立一个视图模型来描述你的菜单,当你完成后,给你的HTML添加绑定你期望的行为是什么?我不明白您希望发生什么。导航到相应页面是
async
?(因为这些
a
标签上没有url)您需要解释更多以获得所需的帮助。有些事实是模糊的。例如,如果将类设置为css绑定,是否要从其他菜单或子菜单中删除当前活动的css?(只有活动菜单才能获得CSS?)。您是否正在使用foreach
knockout
foreach
生成该列表?你的模型的结构是什么?我已经修改了我问题的描述。希望你能理解。你必须先建立一个视图模型来描述你的菜单,当你完成后,给你的html添加绑定