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 不起作用。