我正在使用 Brian Reavis 出色的 Selectize.js 为我的选择输入添加功能。
但是当用户将鼠标悬停在所选选项上方时,我很难添加事件处理程序。我在 API 中看不到此类事件的记录。
我可以看到 selectize 像这样创建了自己的 div
<div data-value="my value" data-selectable="" class="option">my label</div>
当我将鼠标移到每个选项上时,类会发生变化
class="option"到 class="option active"然后再返回。
但我就是找不到将我自己的处理程序添加到这些事件的方法。请有人帮忙。
非常感谢
亚历克
最佳答案
在.selectize-dropdown-content
内的div上使用mouseenter
$('.selectize-control').on('mouseenter', '.selectize-dropdown-content div', function() {
alert($(this).text())
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/css/selectize.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/js/standalone/selectize.min.js"></script>
<div class="control-group">
<select id="select-beast" class="demo-default" placeholder="Select a person...">
<option value="">Select a person...</option>
<option value="4">Thomas Edison</option>
<option value="1">Nikola</option>
<option value="3">Nikola Tesla</option>
<option value="5">Arnold Schwarzenegger</option>
</select>
</div>
<script>
$('#select-beast').selectize({
maxItems: 3
});
</script>
关于javascript - 如何捕获选择选择框上的悬停事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36222947/