2013-07-18 30 views
0

我有一個選擇菜單,充當不同絕對定位div的導航。無論哪個選項顯示,該div通過不透明度等於1的添加類淡入視圖。我可以讓div根據菜單添加類,但我似乎無法刪除該「活動」類,如果選項是不是我的selected- JS如下:。jquery選項未選中不工作

$( 「#海因」)改變(函數(){

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/

+0

好像你貼錯的jsfiddle網址.. 。 –

+0

對不起ot to update -http://jsfiddle.net/nwT9c/5/ –

+0

好的,在當前版本中,您嘗試向所選值添加一個類(它是一個字符串,而不是HTML對象) - 這不會使SENCE。更重要的是,你爲什麼要添加一個類到「選項」對象。你可能想把它添加到其他地方。 –

回答

2

試試這個:

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

jsFiddle

+0

這似乎是工作。謝謝你,先生! –

+0

很高興它的工作 –

1

您在沒有選擇元素的值分配給誰變量。

更改爲:

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

,你應該是好

+0

但我想'誰'是沒有選擇的......因爲我從未選擇的類中刪除活動類... http://jsfiddle.net/nwT9c/5/ –

+0

@lancesmith我看到你現在正在做的價值是選擇器。是$('#hine option:not(:selected)');在devtools/firefox控制檯中返回任何東西。 – Orangepill