在谷歌浏览器中使用 jquery 处理点击事件

Question

我正在尝试在谷歌浏览器中添加一个事件处理程序，以使用 jquery 处理点击事件。以下是来自 modal.php 的代码：

<script>
    $('.event-sel').on('click', function(event){
        console.log('handling event selection');
    });
</script>
<form>
    <select>
        <option class=".event-sel">This is an option</option>
    </select>
</form>

此代码旨在处理特定 css 类的所有项的单击事件。上面的代码在火狐中工作正常。为什么这在谷歌浏览器中不起作用？

上面的代码用于模式对话框窗口。

Answer 1

您需要侦听对select元素的单击，而不是option元素。你想要更多这样的东西：

<form>
    <select class="event-sel">
        <option>This is an option</option>
    </select>
</form>
<script>
    $('.event-sel').on('click', function(event){
        console.log('handling event selection');
    });
</script>

这是小提琴：http://jsfiddle.net/3mbdfk89/8/

希望这对你有用。