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

Question

我有一个选择菜单，可以导航到不同的绝对定位的 div。无论显示哪个选项，该 div 都会通过添加的不透明度等于 1 的类淡入视图。我可以让 div 根据菜单添加类，但如果该选项，我似乎无法删除该“活动”类没有被选中——我的JS如下：

$("#hine").change(function() {

  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/

Answer 1

尝试这个：

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

jsFiddle

Answer 2

您正在将未选择元素的值分配给 who 变量。

改成 ：

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

你应该很好