2013-06-18 57 views
0

當我使用動態選項時,第二個選項在腳本運行時看起來很奇怪。網站上的腳本問題

enter image description here

我做了一個撥弄問題http://jsfiddle.net/niklasro/GqGGA/但不會運行應該激活動態選項的腳本:

function cities(obj){ 



if(obj.value == '3'){ 

//undisplay cities options municipality_control2 

document.getElementById('municipality_control').style.display='none' 

}else{ 

$('#cities').load('/cities?regionId='+obj.value); 
} 
} 

如何將我的問題得到解決?

+0

提供存在此問題的在線鏈接。 – Nitesh

+0

順便說一下,爲什麼jQuery可用時使用'document.getElementById'?這就像拿起你的錘子而不是你的釘槍,來做一個建築比喻。 – michaelb958

+0

發生問題的實時鏈接是www.koolbusiness.com,正如您所看到的,我無法在小提琴中重現問題。我可以將選擇的樣式全部刪除,然後樣式和問題都會消失,但我不想丟失樣式。 –

回答

1

問題是一個僞css類,jQuery添加了一種稱爲active的樣式,然後強制它表現出來。因爲這是主動控制,所以它具有主動式樣。你可以在你的例子中看到它,如果你點擊下拉菜單。

如果您強制刪除此類型的代碼,請使用http://jsfiddle.net/mGAs4/5/這樣的代碼,它將消失。你也可以添加CSS來改變活動類爲這種類型的元素所做的事情。

喜歡的東西

select:active { background:white; } 

我認爲這也將工作

select.active { background:white; } 

但我還沒有使用jQuery的積極支持各地打的多。

+0

謝謝你的答案,但我不能得到它的工作。實時鏈接是www.koolbusiness.com,正如您所看到的,我無法在小提琴中重現問題 –