如何使我的链接打开菜单与列表项的id,我想要访问
Jquery mobile - How to make my link to open menu with list item of id that i want to visit?
我不知道,如何完成我的代码。我有一个可折叠的菜单,从一开始隐藏当我点击链接它显示菜单与列表项目里面,其中一个列表项目是列表与我的id,我想访问后,我点击链接。
jQuery:$(document).ready(function() {
$('#nav').hide();
$('.featured_footer').click(function(e){
$('#nav').show();
$('#nav h4 a').trigger('click');
});
});
HTML: <div id="nav" data-role="collapsible" data-theme="b">
<h4>Menu</h4>
<div data-role="listview" data-inset="true">
<div id="featured" data-role="collapsible">
<h2>Featured</h2>
<a href="http://www.example.com" target="_blank">ATS Inspect</a><br />
<a href="http://www.example.com" target="_blank">ATS CM4D</a><br />
<a href="http://www.example.com" target="_blank">ATS Intelligence (OEE)</a><br />
<a href="http://www.example.com" target="_blank">ATS Quality Products</a><br />
<a href="http://www.example.com" target="_blank">ATS Academy</a><br />
<a href="http://www.example.com" target="_blank">ATS Lean Six</a><br />
<a href="http://www.example.com" target="_blank">ATS MES</a><br />
</div>
</div>
</div>
<a class="featured_footer" href="#featured"><h2>Featured</h2></a><br /> {* This is Link that should redirect to id="featured" *}
由于a
元素没有嵌套在h4
中,您可能需要尝试
$(document).ready(function() {
$('#nav').hide();
$('.featured_footer').click(function(e){
$('#nav').show();
$('#nav #featured a').trigger('click');
});
});
编辑:
如果你只是想触发点击事件,使用这个滚动到菜单列表
$(document).ready(function() {
$('#nav').hide();
$('.featured_footer').click(function(e){
$('#nav').show();
$('#nav h4 a')[0].click();
window.scrollTop($('#featured').scrollTop())
//or window.scrollTop($('#featured').offset().top)
});
});
相关文章:
- 在多行图表中,在每一行的末尾,我想要一个小圆圈和使用d3.js的端点值
- 我想要相同的函数以两种方式反应
- 如何在javascript中创建一个空的2d数组?下面是我想要创建的一个示例
- 如何用javascript发送多个文件没有jQuery我想要每个文件一个进度条
- 我想要一个类似于网站 https://onlycoin.com/ 的jQuery鼠标滚动动画效果
- 我想要“鼠标滚轮事件延迟”
- 如何格式化我返回的url,使其符合我想要的路由
- 如何使用facet指定我想要的字段
- json_encode($myVar);正在给出地图,我想要一个字符串数组
- 我想要输入类型<输入>在javascript中
- Javascript:我可以't找到正确的方式来表达布尔“;如果“;以得到我想要的结果
- 如何用javascript从数组中删除项?我想要一个类似拉的东西来做与推相反的事情
- 正则表达式对我想要做的事情是正确的吗?
- Javascript给定了一个数字,我想要所有可能的组合和元素数组
- 为什么获胜't我的javascript返回我想要的值
- 我想要获取文件输入并将其保存到本地路径的Javascript
- 我想隐藏一个没有'没有js文件中的id.我想不通,请告诉我
- .remove() 只删除内部 HTML,而不是像我想要的那样删除整个标签
- 我想要我的id=“”的样式;checkimg”;通过使用javascript
- 如何使我的链接打开菜单与列表项的id,我想要访问