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在我的网站上不工作!!