Chosen: 在 Ipad 上选择滚动问题单选 en 单击问题多选

创建于 2015-03-28 · 41评论 · 资料来源: harvesthq/chosen

2119 修复触摸事件传播

似乎破坏了在 Ipad 上选择的其他功能（在 Ipad 3 中测试，选择了最新版本）。
问题：

单选：下拉列表的滚动不再起作用
多选：无法删除所选项目，并且在第一次单击选择窗口后不显示下拉列表
这些问题可以在标准选择的测试站点上使用 Ipad 重现： http :
他们可能与#2119 Fix 有关，因为之前功能还可以。

Bug Has Solution

资料来源

donthebike

最有用的评论

我遇到了同样的问题。我设法找到了一种解决方法，其中包括注释掉使用 #2119 实现的 touchstart.chosen 上的 evt.preventDefault()

      this.container.bind('touchstart.chosen', function(evt) {
        _this.container_mousedown(evt);
        //return evt.preventDefault();
      });
      this.container.bind('touchend.chosen', function(evt) {
        _this.container_mouseup(evt);
        return evt.preventDefault();
      });

vbanuelos 于 2015-05-16

👍4

所有41条评论

我也遇到了@donthebike看到的问题。

canaandavis 于 2015-03-31

同样在这里

damianthepichler 于 2015-04-09

同样的问题在这里。 IOS和安卓都可以。任何 ETA 修复？
谢谢。

ksidibe 于 2015-04-13

也看到这个问题。

dakhran 于 2015-04-14

这里关于取消选择图标（十字）的相同问题无法删除触摸设备上的选定选项。退格键仍然可以删除选项。

我在 #2119 修复之前/之后进行了测试（使用 git bisect）以确认该问题是由该提交引入的。在 iPad 上的 Safari 和 Chrome 以及 Android 平板电脑上的 Chrome 上进行了测试。

AmirS2 于 2015-04-28

与@AmirS2 相同的问题。但它确实修复了当下拉菜单打开时屏幕滚动时的点击事件。

frahugo 于 2015-04-30

同样的问题。

qwirkcreative 于 2015-05-06

我遇到了同样的问题以及 Android 上的选择问题。我只是继续删除所有触摸事件作为一个简单的修复。一切都适用于 Android 和 iOS，除了当一个选项被选中时，它最初不会在移动设备上突出显示。我只是使用单一选择。我对触摸事件也不是很有经验，所以我不确定在这种情况下使用它们是否有特定的原因？

nlaitchison 于 2015-05-13

同样的问题在这里。正如@nlaitchison所说，禁用所有触摸事件可以解决这个问题。但我不认为这是一个永久性的修复。对此有何想法？

tonvanalebeek 于 2015-05-15

我遇到了同样的问题。我设法找到了一种解决方法，其中包括注释掉使用 #2119 实现的 touchstart.chosen 上的 evt.preventDefault()

      this.container.bind('touchstart.chosen', function(evt) {
        _this.container_mousedown(evt);
        //return evt.preventDefault();
      });
      this.container.bind('touchend.chosen', function(evt) {
        _this.container_mouseup(evt);
        return evt.preventDefault();
      });

vbanuelos 于 2015-05-16

👍4

我也看到这个问题。对于移动用户来说非常烦人。

亲爱的@vbanuelos ，您的解决方法没有为我解决问题。你用什么版本？ 1.4.2 ?

ptrussart 于 2015-05-25

@ptrussart——没错。 V 1.4.2

vbanuelos 于 2015-06-05

只是想我会投入我的两分钱！这对我来说也是一个问题。我的解决方法是在 iPad 上禁用选择，您可以通过更改 jquery 文件的第 532 行来实现

      if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
        return false;
      }

到

      if (/iP(od|ad|hone)/i.test(window.navigator.userAgent)) {
        return false;
      }

noahsark769 于 2015-06-06

👍1

有同样的滚动问题， @vbanuelos 的修复帮助了我，谢谢！

annag-coder 于 2015-06-30

来自@vbanuelos 的+1 修复。非常感谢。在 iOS8.3 下的 Safari 和 Chrome 上在单个选择列表上进行了测试。

razvar 于 2015-07-09

来自@vbanuelos 的修复帮助了我，谢谢！

guushamann 于 2015-10-05

是的！来自@vbanuelos 的+1 修复

sisiwei 于 2015-10-30

这个修复程序会被重新合并还是有什么障碍？

michaelblinn 于 2015-11-30

这个修复程序会被重新合并还是有什么障碍？

这有什么新鲜事吗？

jmelosegui 于 2016-01-05

@ptrussart——看来我的解决方法对大多数人都有效。也许它可以在最新版本中实现？

vbanuelos 于 2016-01-05

虽然现在硬编码。 :(

jmelosegui 于 2016-01-05

刚刚有一位同事不得不努力编写上面提到的preventDefault()解决方法。

这有问题吗？我看到一个删除该行的提交和一个恢复删除的提交。

非常感谢。

Meligy 于 2016-05-12

@vbanuelos太好了

tatthien-zz 于 2016-05-31

替换文件selected.jquery.js 中的第 1004 行
close_link.bind('click.chosen', function(evt) {
经过
close_link.bind('touchstart.chosen click.chosen', function(evt) {

buicongdang 于 2016-06-02

❤2 👍1

这对我有用。

http://realize.be/mobile-support-chosen

josereu 于 2016-06-15

@josemigueldel85这可能是一个愚蠢的问题，但移动触摸支持的快速修复计划在哪里？我正在谈论您上面的帖子中的以下内容。

// Chosen touch support.
    if ($('.chosen-container').length > 0) {
      $('.chosen-container').on('touchstart', function(e){
        e.stopPropagation(); e.preventDefault();
        // Trigger the mousedown event.
        $(this).trigger('mousedown');
      });
    }

muntaserq 于 2016-06-30

下载网页中的文件附件。 http://realize.be/mobile-support-chosen

selected.jquery.min_.js.txt

josereu 于 2016-07-04

这个问题不仅出现在 iPad 上，Android 平板电脑上也会出现。

koenpunt 于 2016-09-19

此外，仍然可以使用退格键删除选项

koenpunt 于 2016-09-19

修复有效，但适用于 1.1 选择的文件版本......有什么方法可以修补最新版本？或者让我们知道其中的修改内容？谢谢

ulumi 于 2016-10-04

@vbanuelos在 v1.6.1 上使用这种方法，在 ipad（chrome 模拟器）上运行良好，你知道这种方法的任何后果。

kemni 于 2017-02-09

我有相同的问题。有没有办法在不编辑源文件的情况下添加@vbanuelos方法？就像我们可以添加到我们自己网站的脚本而不是直接编辑chosen.min.js文件的黑客一样？我在 ipad 上遇到了这个问题，即使使用当前版本也无法滚动选择。

Mr-Anonymous 于 2017-02-15

我看到所选的在手机中被禁用，但在 iPad 中没有被禁用。我认为，如果我们可以像手机一样完全禁用 iPad 和平板电脑中的选择，将会有所帮助。有没有办法做到这一点？

Mr-Anonymous 于 2017-02-15

嗨，大家好，

我遇到了这个问题，我正在寻找真正的解决方案。

你有没有在任何版本中修复它？你有预计到达时间吗？

我应该升级选择的库吗？

@harvesthq/chosen-developers

提前致谢

ksom 于 2017-02-27

我的修复适用于多选，但它扰乱了单选选择
不让它们在第一次单击时工作，然后当您第二次单击时
选择框有效，所以这是利弊之一，

似乎只有问题没有解决方案

2017 年 2 月 28 日星期二上午 12:21，Virgile通知@ github.com 写道：

嗨，大家好，
我遇到了这个问题，我正在寻找真正的解决方案。
你有没有在任何版本中修复它？你有预计到达时间吗？
我应该升级选择的库吗？
@harvesthq/chosen-developers
提前致谢
—
您收到此消息是因为您发表了评论。
直接回复本邮件，在GitHub上查看
https://github.com/harvesthq/chosen/issues/2289#issuecomment-282812806 ，
或静音线程
https://github.com/notifications/unsubscribe-auth/AOb86iHEa_PhLl66NKAS_lFpi6MAJv9Yks5rgxsVgaJpZM4D2bZd
.

kemni 于 2017-03-01

听起来这已在 10 月的 master 中修复 - #2725（在 2016 年 10 月 9 日以上引用）。或者您是否正在针对 master（和此修复程序）进行测试，但它仍然是一个问题？
还没有一个新版本，但你可以通过 bower 安装主版本
bower install https://github.com/harvesthq/chosen-package.git#master --save
[不要使用bower install https://github.com/harvesthq/chosen.git#master --save因为这不是 bower 友好的 repo，即不包含生成的 js、css 等文件。]
（如果您已经安装了 1.6.2 版，它将为您提供覆盖已安装版本的选项）。不理想，因为每个未来的bower install都将获得最新版本，但现在是一个选项。

mcjwb 于 2017-03-01

我已经完成了@mcjwb 的推荐并使用了主版本。我通常使用 cdnjs.com 上托管的任何内容，但这也仍然存在问题。我会密切关注这个问题以解决这个问题。

robhuska 于 2017-03-24

刚刚发布了Chosen 1.7.0 ，其中包括 #2725

koenpunt 于 2017-03-24

🎉1

太好了，为我整理了一切。非常感谢。

mcjwb 于 2017-03-28

单选：下拉列表的滚动不再起作用

确认 - 固定。

多选：删除选定的项目是不可能的

仍未修复（选择 1.7.0）

le0pard 于 2017-06-07

谢谢@snakexxx

替换文件 selected.jquery.js 中的第 1004 行
close_link.bind('click.chosen', function(evt) {
经过
close_link.bind('touchstart.chosen click.chosen', function(evt) {

用'touchstart.chosen click.chosen'替换所有'click.chosen'事件

krishan-kumar-mourya 于 2017-07-04

此页面是否有帮助？

0 / 5 - 0 等级

Chosen: 在 Ipad 上选择滚动问题单选 en 单击问题多选

2119 修复触摸事件传播

最有用的评论

所有41条评论

相关问题