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