jquery-ui – jQuery UI模态对话框捕获所有按键,所以我无法在其中输入文本

前端之家收集整理的这篇文章主要介绍了jquery-ui – jQuery UI模态对话框捕获所有按键,所以我无法在其中输入文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建模式对话框(包含一些文本输入)。
而且我无法输入文本框内的文本。对话框阻止键盘输入。

这是我的简化例子:

<div id="modal-dialog">
    <label for="my-text">TRY to input text...</label>
    <textarea id="my-text" style="position:relative; z-index:1"></textarea>
</div>
<script type="text/javascript">
    var dialog = $('#modal-dialog').dialog({ modal: true });
</script>

注意:你可能会问 – 为什么我提到“position:relative; z-index:1”?因为它没有它工作正常。但是,由于设计,我无法删除它。

注意:模态对话框也不行。

我使用jQuery 1.6.2 jQuery UI 1.8.14

解决方法

z-index是问题。这是一个例子( http://jsfiddle.net/c3BPP/)你的代码与更大的z-index,它的工作原理。

猜你在找的jQuery相关文章