Question

我正在网站上工作，没有什么特别的，但我似乎无法启动.on（）事件。 HTML看起来像这样：

<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中的不同元素，为什么不用这个呢？

修改清除缓存。问题解决了。我不知道为什么chrome会选择我正在做的所有其他更改而不是这个。

Answer 1

您似乎错过了form代码。

试试这个：

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

jsfiddle

无论什么事件处理程序，jQuery .on（）都不会触发

1 个答案: