我创建模式对话框(包含一些文本输入)。
而且我无法输入文本框内的文本。对话框阻止键盘输入。
而且我无法输入文本框内的文本。对话框阻止键盘输入。
这是我的简化例子:
<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,它的工作原理。