如何在变量上添加动作事件？

Question

我正在使用变量 component 来遍历 jquery 中的菜单列表，其中每个项目都分配给 component 迭代时。

var component = $('select#load option');

所有选项都像这样包含在 id="load"

下

<option>choice</option>

我怎样才能将 dblclick 之类的事件附加到列表中的所有这些选项，这样如果我双击菜单中的一个选项，它就会打开。我这样做了，但没有用。

component.dblclick(function(){
....
});

Answer 1

您尝试做的是这样的事情吗？

$(function(){
    
  var $opt = $('select#test option');
    
  $opt.on('dblclick',function(){
    
      alert($(this).val());
    
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>


<select id='test'size='3'>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

如何在变量上添加动作事件？

How to add action event on a variable?

javascript

jquery

javascript-events