覆蓋JQuery對話框中的CheckBox

Question

我用JQuery對話框插件創建了一個對話框。我的對話框定義如下：

<div id="initialQuestions" title="Please complete the following"> 
    [Questions] 
</div> 
<div id="checkField" style="visibility:hidden; z-index:1001"> 
    <input type="checkbox" id="myCheck" value="Ignore in the Future?" /> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#initialQuestions").dialog({ 
     autoOpen: false, 
     modal: true, 
     buttons: { 
     'OK': function() { 
      $(this).dialog('close'); 
     } 
     } 
    }); 
    }); 
</script> 

我想提出一個複選框中，說：「在未來忽略」對話框的左下角。不幸的是，JQuery對話框不允許您自定義對話框的頁腳。所以，我想我只是添加複選框作爲覆蓋。但是，我不知道如何將複選框放在左下角的對話框頂部。有人可以向我解釋如何做到這一點？無論我做什麼，複選框都不會顯示在我想要的位置。

謝謝

Answer 1

也許這將幫助你：

​​

我張望了一下出場，有可能更好的解決方案。但這應該適合你。

$(document).ready(function() { 
    $("#initialQuestions").dialog({ 
    autoOpen: true, 
    modal: false, 
    width: 500, 
    height: 300, 
    buttons: { 
     'OK': function() { 
     $(this).dialog('close'); 
     }, 
     'dummy': function(e){   
     } 
    }, 
    open: function(e, ui){ 
     $(e.target).parent().find('span').filter(function(){ 
     return $(this).text() === 'dummy'; 
     }).parent().replaceWith('<input type=\'checkbox\'>Do not bother me again, EVER!!</input>'); 
    } 

    }); 
});​