我创建了模态对话框,其中包含表单(带有一些文本输入)。 我只是无法在文本框中输入文本。对话框阻止键盘输入。
这是我的简化示例:
<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 是问题所在。这是一个具有更大 z-index 的代码示例 ( http://jsfiddle.net/c3BPP/ ),它可以工作。
关于jquery-ui - jQuery UI 模式对话框捕获所有按键,因此我无法在其中输入文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6949059/