jQuery UIモーダルダイアログ内でチェックボックスを選択または選択解除できません

Question

jQuery UIのダイアログを使用して、それぞれがチェックボックスで表されるオプションを表示しています。ダイアログを開いてチェックボックスをクリックすると、何も起こりません。チェックボックスはチェックされません。jQuery UIの最新バージョンを使用しています。

何が間違っているのか教えていただけますか？

は、ここでは、コード

$('div#attachedDocuments').dialog({ 
     autoOpen: false, 
     height: 300, 
     width: 350, 
     modal: true, 
     title: "Select files", 
     buttons: { 
      "Ok": function() { 
        $(this).dialog("close"); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     } 
    }); 

だと、これは私が同様の問題を持っていたダイアログ

<div id="attachedDocuments"> 
    <asp:Repeater ID="rptAttachments" runat="server" 
        OnItemDataBound="AttachedDocumentsDataBound"> 
     <ItemTemplate> 
      <asp:CheckBox ID="checkBoxDocument" runat="server" /> 
     </ItemTemplate> 
    </asp:Repeater>  
</div> 

Answer 1

です。私が考えていたことは次のとおりです。.dialog()を呼び出すとjQueryUIはz-indexをダイアログに割り当てます。それ以降のページに要素を追加すると、ダイアログ（またはその内容）が何かの下になることがあります（目に見えないものさえも）。しかし

に...ソリューションを、私はthis bug reportを見たので、私はもう、原因についてはよく分からない：あなたのCSSファイルにz-index本当に高い99999のようなものを、あなたのダイアログを与えます。