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');

你應該很好