对话框 ui 中的复选框不可选中

我正在尝试使用 jQuery UI 对话框解决 z-index 问题，类似于问题无法选择或取消选择 jQuery UI 模态对话框中的复选框 https://stackoverflow.com/questions/10542327/cant-select-or-deselect-checkboxes-inside-jquery-ui-modal-dialog#comment13640659_10542422，知道有一个错误报告 http://bugs.jqueryui.com/ticket/6267在那里。

因此，在尝试按照建议提高 z-index 时，我添加了以下代码：

$('#interface').click(function(evform){
  $('#interface').prop('z-index')=99999;
});

chrome 和 firefox console.log 指出：

未捕获的引用错误：赋值中的左侧无效

然而，尽管出现错误，该复选框现在仍然可以工作（每次都会抛出控制台错误）。如果我删除有问题的行，该复选框将变为“不可单击”。我该如何正确编码？

我的HTML：

<div id="dialog" title="Loading...">
    <p id="interface">Loading...</p>
</div>

（顺便说一句，我尝试将内联样式添加到<p>，但它不起作用：

<p id="interface" style="z-index:99999">Loading...</p>

使用 AJAX，我将“#interface”的内容替换为有效的复选框 html，例如：

<label for="right">
  <input name="right" type="checkbox">
</label>

我有常用的 jQuery/Dialog UI 文件。

最后一点，我尝试发挥创意，因为这不起作用并通过以下方式手动切换复选框：

if ($(evform.target).prop('type')=="checkbox"){
      $(evform.target).checked;
}

* 编辑更新 *

截至 2013 年 12 月 22 日（EDGE 预发行版）的 jQuery 核心，此错误已得到修复。我希望他们尽快发布稳定版本（我相信会是 v1.10）！您可以在 jfiddle 中测试它：http://jsfiddle.net/tj_vantoll/XXGQA/ http://jsfiddle.net/tj_vantoll/XXGQA/

http://bugs.jqueryui.com/ticket/6267 http://bugs.jqueryui.com/ticket/6267

你必须设置z-index on #dialog, not #interface.

您的代码抛出错误，因为您尝试为函数调用分配值。所以你的代码应该是：

$('#interface').click(function(evform){
  $('#dialog').css('z-index', 99999);
});

或者只是在你的 CSS 上这样：

#dialog { z-index: 99999; }

UPDATE

该解决方案并非万无一失。为 jQueryUI 提交的错误报告指出，如果复选框有一个z-index低于对话框下方的覆盖层。 jQueryUI 似乎以绝对方式比较 z 索引，这违反了 CSS 标准（但可以理解，考虑到正确的比较可能会占用资源）。

因此实际的解决方案可能取决于您设置的元素z-index (and position）在对话框内。为避免该错误，请勿使用z-index在对话框内，或者设置一个保证高于将（动态）分配给覆盖层的值（因此，我的99999建议）。