在touchmove上禁用jquery-chosen以启用页面滚动

时间:2018-09-17 09:33:49

标签: jquery jquery-chosen

如果您在任何移动设备(例如iPad)上滚动时触摸选定的(https://harvesthq.github.io/chosen/)下拉容器,则会弹出菜单,您将无法滚动页面。

我尝试通过注释掉两行并移动_this.container_mousedown(evt)来修改代码。像这样:

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

它可以滚动,但是第一次触摸事件/单击不起作用。下拉列表仅闪烁。

1 个答案:

答案 0 :(得分:5)

我只注释掉

//_this.container_mousedown(evt); 
this.container.on('touchstart.chosen'事件中

无论如何,该动作是由mousedown事件触发的。尽管这样做会导致打开时延迟300毫秒。