当.dialog（“open”）被调用时，为什么jQuery对话框不会打开事件？

Question

我在下面的代码中定义了#scan-date-select对话框。当我定义这个对话框时，我附上一个＆＃34; open＆＃34;应该创建应该出现在对话框内的datepicker小部件的事件处理程序。该对话框正确打开，但这个打开的事件永远不会被调用。我需要知道为什么open事件处理程序无法被触发。我花了两天时间试图找出问题所在。

这是HTML：

<div class="footer_all_pro clearfix">
         <ul class="Printing-options clearfix">
         <li>Shipping Labels:</li>
                    <li class="print-usps-label shipper-logo"><a href="#"><img class="print-label-logo" src="/dev/skin/images/logo_endicia.png"></a></li>
                            <li class="print-label shipper-logo"><a href="#"><img class="print-label-logo" src="/dev/skin/images/logo_ups.png"></a></li>
                            <li class="print-fed-label shipper-logo"><a href="#"><img class="print-label-logo" src="/dev/skin/images/logo_fedex.png"></a></li>
                   <li class="print-invoice"><a href="#">Packing Slip</a></li>
         <li class="print-pick"><a href="#">Pick List</a></li>
                    <li class="print-scan"><a href="#">SCAN Report</a></li>
                   <li class="del-scr"><span><img src="/dev/skin/images/print-pick.png"></span><a href="#" style="margin-top: -20px;">Delete</a></li>
          <li class="del-arc"><span><img src="/dev/skin/images/print-pick.png"></span><a href="#" style="margin-top: -20px;">Archive</a></li>
          <li class="send_email"><span><img src="/dev/skin/images/print-pick.png"></span><a href="#" style="margin-top: -20px;">Send Email</a></li>
         <!-- <li class="del-all-inv"><span><img src="/dev/skin/images/print-pick.png" /></span><a href="#" style="margin-top: -20px;">Delete All</a></li>-->
         </ul>
          </div>

这是jQuery：

  $( ".print-scan a" ).click(function(e) {
        var $dialog = $("<div></div>")
                      .dialog({
title: "Confirm SCAN Report",
modal: false, 
resizable: false,
scrollable: true,
width: 300, 
height: 250,
position: { my: "center", at: "center", of: "article#dialog" },
buttons: { "No": function() { $( this ).dialog( "destroy" ); return false; }, 
           "Yes": function() {
        $(this).dialog("destroy");
        $("<div id=\"scan-date-select\"></div>")
        .dialog({ 
                title: "Select SCAN Date", 
                modal: true, 
                resizable: false,
                position: { my: "center", at: "center", of: "article#dialog" },
                open: function(event, ui) {
                    var $rptDate = $("#scan-date-select .ui-dialog-content") //$(this)
                        .datepicker({ autoSize: true })
                        .datepicker("show");
console.log($(this));
console.log($rptDate);
                    //return false;
                },
                buttons: {  Cancel: function() { $(this).dialog("destroy"); return false; },
                            "Create Report": function() {
                                var selectedDate = $rptDate.datepicker("getDate");
                                if(selectedDate == null) {
                                    return false;
                                }
                                $(".request-print-label")
                                    .attr("action",envPath + "/partner/uspsscan")
                                    .append('<input type="hidden" name="rpt-date" value="'+selectedDate+'" />')
                                    .submit();

                                $(this).dialog("destroy");
                                return false;
                            }
                }
            })
            .html("<div style=\"padding: 15px\">Please select a transaction date for the SCAN Report</div>")
            .dialog("open");
        }
      }
    })
    .html("<div id=\"confirm-scan\" style=\"padding: 15px\">CAUTION: Once shipping labels are included on the SCAN Report, you will be unable to issue refunds for these labels. Proceed anyway?</div>")
    .dialog("open");
    });