Jquery 将类动态赋值给列表
我之所以写这篇文章,是因为我遇到了一个将动态类分配给列表的问题。 这是因为您可能无法很好地运行子项。 我的代码是:Jquery 将类动态赋值给列表,jquery,menuitem,submenu,Jquery,Menuitem,Submenu,我之所以写这篇文章,是因为我遇到了一个将动态类分配给列表的问题。 这是因为您可能无法很好地运行子项。 我的代码是: <nav id="menu"> <div class="container"> <div class="fourteen columns" style="width: 765px"> <ul> <li class="current">
<nav id="menu">
<div class="container">
<div class="fourteen columns" style="width: 765px">
<ul>
<li class="current">
<a href="#storia" >ABOUT US</a>
<ul>
<li><a href="#storia">STORIA</a></li>
<li ><a href="#team" >TEAM</a></li>
</ul>
</li>
<li>
<a href="#fianco">SERVICES</a>
<ul>
<li><a href="#fianco" >COMPETENZA</a></li>
<li><a href="#referenze">REFERENZE</a></li>
</ul>
</li>
</ul>
-
-
还有Javascript:
//build dropdown
$("<select />").appendTo("#menu");
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Go to..."
}).appendTo("nav select");
// Populate dropdowns with the first menu items
$("#menu li a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo("nav select");
});
//make responsive dropdown menu actually work
$("nav select").change(function() {
window.location = $(this).find("option:selected").val();
});
//构建下拉列表
$(“”)。附加到(“#菜单”);
//创建默认选项“转到…”
$("", {
“已选定”:“已选定”,
“价值”:“,
“文本”:“转到…”
}).附录(“导航选择”);
//使用第一个菜单项填充下拉列表
$(“#菜单li a”)。每个(函数(){
var el=$(本);
$("", {
“值”:el.attr(“href”),
“文本”:el.text()
}).附录(“导航选择”);
});
//使响应式下拉菜单真正起作用
$(“导航选择”).change(函数(){
window.location=$(this.find(“选项:选中”).val();
});
谢谢大家帮助我 问题在于,您只是更改窗口的位置,而不是实际单击元素。这就是为什么没有班级被分配的原因。将最后一部分更改为以下内容:
$("nav select").change(function () {
var link = $(this).val();
if( link != "") //don't do anything for "Go To"
$('#menu li a[href=' + link + ']')[0].click(); //simulate click
});
编辑:
查看完整的JSFIDLE:代码运行正常,有什么问题吗?@epascarello对我来说它不起作用,如果我单击“关于我们”将类分配到“服务”,如果我单击后一个属性未分配问题是什么?很好@JayNa在我的网站上不工作!!