iPad 上的 jQuery UI 选择菜单在单击外部时无法正确关闭
jQuery UI selectmenu on iPad doesn't properly close when clicking outside
我正在使用jQuery UI来生成一个选择菜单。它在桌面上运行良好,但是在尝试关闭iPad时会出现奇怪的行为。在我正在处理的网站上,单击框/下拉列表之外的任何地方都不会关闭它,除非我单击框左侧的区域。
代码非常基本。.HTML:
<select>
<option>Slower</option>
<option>Slow</option>
<option selected="selected">Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
Javascript:
$("select").selectmenu();
.CSS:
.ui-selectmenu-button{
font-size:16px!important;
height:35px;
background-color:#fff;
background-image:none;
min-width:200px;
}
我在这里创建了一个演示:https://jsfiddle.net/8fwcms5v/1
行为与我的网站上的行为不完全相同。但是您会看到单击选择上方的任意位置(当它打开时)不会关闭它。
谢谢。
这应该有效:
演示
$("select").selectmenu();
$("html").bind("click touchstart",function(e) {
console.log(e.target.className)
if (e.target.className === "ui-selectmenu-text" ||
e.target.className === "ui-menu-item" || e.target.className === "ui-icon ui-icon-triangle-1-s") {
return;
} else {
$("select").selectmenu("close");
}
});
相关文章:
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 使用 jQuery,当我在输入框外部单击时,如何更改输入元素的值
- 在日期选择器外部单击时,.blur()不会触发
- 为在外部单击时关闭的库图像创建预览效果
- 如何使toggleClass()在元素外部单击时工作
- 在fancybox2外部单击
- 如果在Div元素外部单击,请关闭该元素
- 如何使用AngularJsOnly在元素外部单击时关闭元素
- d3.js在元素外部单击时,隐藏该元素
- addClass”;输入无效”;输入dos't显示,直到我在输入元素外部单击为止
- 从图表外部单击高图表上的某个点
- 切换关闭外部单击
- 如果在外部单击,则隐藏弹出窗口.为什么我的脚本没有'不起作用
- 在元素外部单击时激发事件的指令
- 使用jquery在外部单击时引导折叠/隐藏
- 使用外部单击关闭自定义指令弹出框
- 防止在工具提示外部单击时隐藏/关闭剑道工具提示
- 在 jQuery 中从父元素外部单击“this”时如何切换子元素
- 如何在元素外部单击时使用 jQuery 隐藏元素
- JavaScript 下拉菜单在单击时处于活动状态,在外部单击时不活动