当单击关闭按钮并单击使用select2的建议文本时

时间:2013-03-23 12:40:34

标签: javascript jquery coffeescript jquery-select2

我想检查用户是否点击了select2关闭按钮,或者只是它触发了更改事件。这是我的select2输入:

<%= hidden_field_tag :query, params[:query], :id => "query_txt" %>

在我的coffeescript文件中:

$('#query_txt').select2(
   #select2 options here, ajax, initSelection...etc
   #
   #
   #
   $("#query_txt").on "change", (e) ->
     if ($(".select2-search-choice-close").click ->)
       console.log "click on close"
 )

问题是如果我点击建议文字,我可以在我的控制台上看到“点击关闭”文字。

换句话说,如果您点击此图片中的 x /删除按钮

enter image description here

如果您点击此图片中的建议文字,就会发生同样的行为:

enter image description here

您可以在http://jsfiddle.net/nqWNJ/9/

中查看示例代码

我的问题是我如何知道用户何时点击建议文字或点击关闭按钮。

谢谢

1 个答案:

答案 0 :(得分:1)

您需要添加另一个将在点击时触发的事件。

$queryTxt = $('#query_txt') #cache object
$queryTxt.select2(
  #select2 options here, ajax, initSelection...etc
  #
  #
  #
)
$queryTxt.on 'change', (obj) ->
  console.log 'clicked on close' if obj.removed
  console.log 'change was triggered'