从代码隐藏调用 jquery 函数,切换查询字符串
Invoke jquery function from codebehind, switching the querystring
我有一个垂直菜单,它正在jquery上工作。HTML和Jquery如下:
.HTML:
<div id="menu">
<ul class="navmenu">
<li>
<div class="menutop menusingle">
<a id="A1" runat="server" href="~/View.aspx?pg=aboutus" >About Us </a></div>
</li>
<li>
<div class="menutop">
<a href="#">Courses</a><div class="toggle">
+</div>
</div>
<ul class="submenu">
<li><a id="A6" runat="server" href="~/View.aspx?pg=SoftwareIT">Software /IT</a></li>
<li><a id="A7" runat="server" href="~/View.aspx?pg=Telecommunication">Telecommunication</a></li>
<li><a id="A8" runat="server" href="~/View.aspx?pg=Hardware">Hardware & Networking</a></li>
<li><a id="A9" runat="server" href="~/View.aspx?pg=Sales">Sales & Marketing</a></li>
<li><a id="A10" runat="server" href="~/View.aspx?pg=BPO">BPO & Soft Skills</a></li>
</ul>
</li>
<li>
<div class="menutop">
<a href="#">Services</a><div class="toggle">
+</div>
</div>
<ul class="submenu">
<li><a id="A2" runat="server" href="~/View.aspx?pg=IndividualTraining">Individual Training </a></li>
<li><a id="A3" runat="server" href="~/View.aspx?pg=OncampusTraining ">On Campus Training </a></li>
<li><a id="A4" runat="server" href="~/View.aspx?pg=CorporateTraining">Corporate Training </a></li>
<li><a id="A5" runat="server" href="~/View.aspx?pg=Placement">Placement </a></li>
</ul>
</li>
<li>
<div class="menutop">
<a href="#">Trainings</a><div class="toggle">
+</div>
</div>
<ul class="submenu">
<li><a id="A11" runat="server" href="~/View.aspx?pg=FastTrack">FastTrack Training</a></li>
<li><a id="A12" runat="server" href="~/View.aspx?pg=Summer">Summer/Industrial</a></li>
<li><a id="A13" runat="server" href="~/View.aspx?pg=Weekend">Weekend Training</a></li>
</ul>
</li>
</ul>
</div>
单击 + 号后,打开子菜单的抽屉。这是手动非常精细的。现在我想根据要求自动化它。我们已经切换了培训,课程和服务,因此如果当前URL是服务,则服务菜单将自动打开。因为我们也有顶部导航和页脚导航。以上是左侧导航。
Jquery相同:
<script type="text/javascript">
$(document).ready(function() {
$('.toggle:not(.toggle-open)').addClass('toggle-closed').parents('li').children('ul').hide();
if ($.browser.msie) {
$('#menu ul.navmenu li:last-child .menutop').css('border-bottom', '1px solid #CCC');
}
$('.toggle').click(function() {
if ($(this).hasClass('toggle-open')) {
$(this).removeClass('toggle-open').addClass('toggle-closed').empty('').append('+').parents('li').children('ul').slideUp(250);
$(this).parent('.menutop').removeClass('menutop-open').addClass('menutop-closed');
} else {
$(this).parent('.menutop').removeClass('menutop-closed').addClass('menutop-open');
$(this).removeClass('toggle-closed').addClass('toggle-open').empty('').append('–').parents('li').children('ul').slideDown(250);
}
});
})
</script>
所以我需要一种方法来根据查询字符串从 cs $('.toggle').click(function()
调用。
从键 获取查询字符串值。 和根据您的条件,它将调用单击。
Request.QueryString[key].ToString()
我假设你的 js 代码是内联的。
从代码隐藏中,准备 JS 代码以展开所需的子菜单,并使用 RegisterStartupScript 方法强制菜单展开。确保脚本管理器包含在页面/母版页中。
相关文章:
- 如何有效地将游戏数据存储在URL查询字符串中
- 从查询字符串参数推断出正确的数据类型
- AngularJS:获取链接中没有哈希的查询字符串值
- AngularJS,如何更改查询字符串
- 如何将activeadmin查询字符串传递给batch_action
- 如何从查询字符串中的输入字段发回文本
- Django在使用AJAX时没有接收到新的查询字符串
- 使用查询字符串方法清除浏览器缓存
- 用于刷新的Javascript更改查询字符串
- 我想将查询字符串变量添加到JSON名称/值对中
- 将查询字符串值从页面传递 asp.net 到 iframe
- jqueryajax生成查询字符串,如果未定义则不通过
- 如何将查询字符串传递到HTML框架
- AngularJs将查询字符串发布到c#控制器
- Jquery - 从查询字符串中获取“#”值之后,而不是在“?”符号值之后获取
- 在 JavaScript 中将查询字符串传递给 Web 服务 (ASP.NET)
- 在查询字符串中查找 where 子句
- POST encodeURI查询字符串内部服务器错误 500
- JavaScript:从具有使用 # 符号的路由的 URL 获取查询字符串
- 更改链接 URL 中的路径名,同时保持查询字符串不变