html - 未选择 Jquery 选项不起作用

标签 html jquery css jquery-selectors html-select

我有一个选择菜单,可以作为不同绝对定位 div 的导航。无论显示哪个选项,该 div 都会通过不透明度等于 1 的添加类淡入 View 。我可以让 div 根据菜单添加类,但如果选项,我似乎无法删除该“事件”类未选中-我的JS如下:

$("#hine").change(函数() {

  var who=$('#hine option:not(:selected)').val();
  var whon=$('#hine option:selected').val();

    $(who).removeClass('active');
   $(whon).addClass('active');

});

我在这里设置了一个 jsfiddle:http://jsfiddle.net/nwT9c/4/

最佳答案

试试这个:

var whon = $('#hine option:selected').val();
$('.active').removeClass('active').addClass('inactive');
$(whon).removeClass('inactive').addClass('active');

jsFiddle

关于html - 未选择 Jquery 选项不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17734597/

相关文章:

javascript - 如何使用 jQuery 根据选中的复选框计算数字(总计)?

jQuery css ('padding' ) - Firefox 问题

html - 什么会导致 flex 容器行之间出现空格?

html - 灵活的 2 列列表布局

html - 使用 CSS 的跨浏览器友好的响应式 Logo

javascript - div 不滚动时获取回调

css - 将列表项中的 div 居中

javascript - 删除事件未在 Chrome 中触发

html - Bootstrap 的行和列

javascript - 从父级 iframe 获取内部文本