如何顯示jquery對話框標題欄上的複選框？

Question

代碼：

jQuery的對話框，

$('#status-dialog') 
       .dialog({ 
        hide: 'fade', 
        autoOpen: false, 
        resizable: true, 
        title: 'Status', 
        modal: false 
       }); 

Index.cshtml

<div class ="cb-status"> 
    <input id="accept-cb-name" type="checkbox"/> 
    By Name<br /><br /> 
</div> 

如何顯示在jQuery的對話框標題（ 「狀態」）欄的複選框？

Answer 1

入住這裏DEMO http://jsfiddle.net/yeyene/GnpQ8/7/

$(document).ready(function(){ 
    $("#dialog-model").dialog({ 
     create: function (event, ui) { 
      $(".ui-dialog-title").html('<input id="accept-cb-name" type="checkbox"/> By Name'); 
     }, 
     width: 250, 
     height: 150,  
     modal: true, 
     resizable: false 
    }); 
    // checkbox event 
    $(document).on('click','.ui-dialog-title input', function(){ 
     alert('Bang !!'); 
    }); 
});