javascript - 将类应用于 jquery ui 对话框

Question

我有一个像这样初始化的 jquery ui 对话框

jQuery("#dialog-message").dialog({
    autoOpen: false,
    modal: true,
    width:500,
    buttons: {  Ok: function () {jQuery(this).dialog("close");  }}
});

点击指定的 span id 时打开，如下所示

jQuery(document).delegate("#samno","click",function () {
    var usin=jQuery(this).text();
    jQuery.post("scripts/sample_counts.php",{"usin":usin}, function(data) {
        jQuery('#dialog-message').html(data);
        jQuery('#dialog-message').dialog('open');
        return false;
    });     
});

此消息的实际 div 是这样的:

<div id="dialog-message" class="dialog"  title="Counting Data"></div>

页面中还有以下CSS:

  .no-close .ui-dialog-titlebar-close {  display: none;}

  div.ui-dialog {
    font-size:12px;
    color:#333333;
  }

  .ui-dialog.table {
    border-width: 1px;
    border-color: #a9c6c9;
    border-collapse: collapse;
  }             

从 post 请求接收到的数据包含一个表。我定义了一个名为 msg_tble 的类，并尝试将其应用到表中。但它不起作用。

知道如何为对话框中的表格使用 css 吗？

根据 Arun P Johny 的建议，我正在共享表格标记

echo "<table><tr><th>Counting Date</th><th>System ID</th><th>Counting    Time(Sec)</th><th>CPM</th></tr>";
                while($data2=mysql_fetch_array($result3)){

                echo "<tr>";
                echo "<td>".$data2['count_date']."</ts>";
                echo "<td>".$data2['counter_id']."</td>";
                echo "<td>".$data2['count_time']."</td>";
                echo "<td>".$data2['cpm']."</td>";
                echo "</tr>";

                }
                echo "</table>";

Answer 1

代替

.ui-dialog.table {
  border-width: 1px;
  border-color: #a9c6c9;
  border-collapse: collapse;
}  

尝试:

#dialog-message table {
  border-width: 1px;
  border-color: #a9c6c9;
  border-collapse: collapse;
}  

对于 jQueryUI 对话框，对话框内容的行为就像它们是“对话框”DIV 的一部分一样。

也就是说，无论您为对话框使用什么 div，您对该 div 或对该 div 的内容所做的任何样式都将反射(reflect)在对话框中。只需将内容设置为 #dialog-message div 的一部分，而忘记它们在对话中的事实，真正的幸福将属于您。

jsFiddle Demo

---

编辑:

我刚刚阅读了您问题下方的评论，我看到 Austin Mullins 有一个应该有效的解决方案，它回答了您关于将类添加到对话框中的表的问题。我希望他将其添加为答案，以便对其进行投票。

但是，是的，真的就是这么简单。 _{默默感谢 John R}