Bootstrap Select不会在移动设备上触发更改事件

Azd325 发表于 Dev

Azd325

我正在使用将本地选择转换为Twitter Bootstrap下拉列表的Bootstrap select。

我有一个问题，该change事件没有在PC上的普通浏览器中的iOS或Android设备上触发。如果我使用库的本机元素支持，则更改事件将在这些设备上触发。

  $('.selectpicker').selectpicker({
      style: 'btn-info',
      size: 4
  });


var submitSearchForm = function() {
    $(this).parents('form').submit();
};


$('.selectpicker').on('blur change', submitSearchForm);

有人有主意吗？

希洛米·哈西德（Shlomi Hassid）

经过测试（ios-safari和chrome，android chrome，桌面chrome和FF），对我来说效果很好。

jsfiddle：带有插件和最新Bootstrap的演示

问题不在于插件，而可能与其他一些代码有关。

进行一些小的测试和调试更改：

删除模糊事件-当您单击选择框时，它将提交您的表单，出于某种未知的原因，插件将聚焦并在单击选择框时立即模糊选择框。
确保在DOM就绪状态下触发js-在$(function(){ });结束BODY标记之前使用或放置脚本。
更改选择器-默认情况下，插件可以识别，.selectpicker并且仅用于测试，请确保该插件不会添加一些可能导致不良行为的不良事件。
将chrome devtools与已安装扩展jQuery调试器一起使用。选择带有检查器的选择框->转到“ jQuery事件”选项卡，并确保附加了“更改”事件，只有他自己，另一个“更改”事件可能会导致问题。
确保没有附加到表单的〜“ submit”事件-这可能会阻止表单的提交。
确保正确设置了表单标记的action属性，或者根本没有定义它。确保选择框是表单的子级，并且表单已正确关闭。