jQuery Click 功能在 Chrome 上不起作用

Question

我想在我的网站上放置菜单的样式切换器，但它在 Chrome/IE/Safari 上不起作用(在 FireFox 上运行良好)。这是一些代码:

    // Menu Style Switcher
    $("#option-1").click(function(){
        $("#navigation").removeClass("style-2");
    });

    $("#option-2").click(function(){
        $("#navigation").addClass("style-2");
    });


<div class="menu-style">
    <select>
        <option id="option-1">Style 1</option>
        <option id="option-2">Style 2</option>
    </select>
</div>

Answer 1

addClassName 不存在。函数的正确名称是 addClass

---

另一个改进是使用 select 元素的 change 事件代替选项上的 click ..

// Menu Style Switcher
$('.menu-style select').change(function(){
    if (this.value === 'Style 1'){
        $("#navigation").removeClass("style-2");
    } else {
        $("#navigation").addClass("style-2");
    }
});