2016-01-03 66 views
0

我正在網站上工作,沒有什麼特別的,但我似乎無法獲得.on()事件觸發。 的HTML看起來像這樣:jQuery .on()不會觸發,無論事件處理程序如何處理

<fieldset class="movieField hide"> 
    <label for="selectedMovie">Next, select a movie:</label> 
    <select id="selectedMovie" name="movie"> 
     <option disabled selected> -- select a movie -- </option> 
     <option id="selectTamasha" value="AF">Tamasha</option> 
     <option id="selectDino" value="CH">The Good Dinosaur</option> 
     <option id="selectAlexEve" value="RC">Alex &amp; Eve</option> 
     <option id="selectSpectre" value="AC">Spectre</option> 
    </select> 
</fieldset> 

和我的jQuery看起來是這樣的:

$('form').on('change', '#selectedMovie', function() { 
    alert('f'); 
}); 

我試圖更改爲「鼠標懸停」和「點擊」,但沒有什麼區別「變化」。 任何想法,爲什麼這不工作?

編輯 新的測試顯示它可以在Operah和Firefox以及IE中使用,但不適用於Chrome。我知道瀏覽器的工作方式不同,但這個確切的代碼適用於Chrome中的不同元素,爲什麼不是這個?

編輯 已清除緩存。問題解決了。我不知道爲什麼鉻可以找到我正在做的所有其他更改,但不是這一個。

+2

使用'ready',如果腳本是不是在年底''您 – Tushar

+3

沒有一個表單標籤。 – JJJ

+0

^那,形式在哪裏? – adeneo

回答

0

它看起來像你缺少form標籤。

試試這個:

$(document).on('change','#selectedMovie',function(){ 
    alert('F'); 
}); 

jsfiddle

+0

這沒有奏效,我也嘗試了inline onchange =「runFunction()」,但這也不起作用 PS form標籤在那裏,它只是包含整個形式是一個更多的代碼地獄 – Roclemir

+0

然後使用pastebin或小提琴 – uzma

+0

@Roclemir看看,它適用於我:https://jsfiddle.net/bzcg3j2j/ – user3284463

相關問題