jquery插件select2事件不起作用（select2-3.5.4）

jquery插件select2事件不起作用

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年10月8日 09:01:53 星期四

一、官网的说明：https://select2.github.io/examples.html（Version 4.0.0）

change is fired whenever an option is selected or removed.

select2:open is fired whenever the dropdown is opened. select2:opening is fired before this and can be prevented.

select2:close is fired whenever the dropdown is closed. select2:closing is fired before this and can be prevented.

select2:select is fired whenever a result is selected. select2:selecting is fired before this and can be prevented.

select2:unselect is fired whenever a result is unselected. select2:unselecting is fired before this and can be prevented.

二、官网的使用例子：

1. var $eventLog = $(".js-event-log");
2. var $eventSelect = $(".js-example-events");
3.  
4. $eventSelect.on("select2:open",function(e){ log("select2:open", e);});
5. $eventSelect.on("select2:close",function(e){ log("select2:close", e);});
6. $eventSelect.on("select2:select",function(e){ log("select2:select", e);});
7. $eventSelect.on("select2:unselect",function(e){ log("select2:unselect", e);});
8.  
9. $eventSelect.on("change",function(e){ log("change");});

但是在实际应用中select2:close不起作用。

三、解决方法：

这个原因找了很久都没有找到，昨天终于发现原因了：

$("#xxx").on("select2-close", function (e) {
	
});

原来是select2-close，中间的不是冒号，而是 - （横杠），修改后就能使用了

jquery.validate.js插件也能完善校验。

$("#genders").on("select2-close", function (e) {
	$(this).valid();
});

 最终原因是select2的版本问题

在3.5.4版本中的事件为：

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年10月8日 09:01:53 星期四