jquery-ui - jQuery UI 模式对话框捕获所有按键，因此我无法在其中输入文本

Question

我创建了模态对话框，其中包含表单(带有一些文本输入)。我只是无法在文本框中输入文本。对话框阻止键盘输入。

这是我的简化示例:

<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

Answer 1

z-index 是问题所在。这是一个具有更大 z-index 的代码示例 ( http://jsfiddle.net/c3BPP/ )，它可以工作。