jquery - jQueryモーダルダイアログコンテンツエラー

Question

次のような jQuery モーダル ダイアログ コンテンツがあります。

<script type="text/javascript">
   jQuery(
    function() {
     jQuery("#bill")
      .dialog(
       {
        bgiframe: true,
        autoOpen: false,
        height: 350,
        width: 400,
        modal: true
       }
      );
     jQuery('body')
      .bind(
       'click',
       function(e){
        if(
         jQuery('#bill').dialog('isOpen')
         && !jQuery(e.target).is('.ui-dialog, a')
         && !jQuery(e.target).closest('.ui-dialog').length
        ){
         jQuery('#bill').dialog('close');
        }
       }
      );
    }
   );
  </script>

これは、フォントに追加されたカラーコード以外は正常に機能しています:

<span class="label user-label" style="background-color:#09F">

      <a href="Bill_details.php?Bill_id=<?php echo $row_Recordset1['Bill_id'];?>" onclick="jQuery('#bill').load('Bill_details.php?Bill_id=<?php echo $row_Recordset1['Bill_id'];?>').dialog('open');  return false">
      **<font color=white>**<?php echo $row_Recordset1['Bill_date']; ?>**</font>**
      </a>

これを追加し<font color=white></font>たとき、jQuery Modal が機能していません。