easyToolTip jquery显示两个表

时间:2012-04-10 12:57:40

标签: jquery css

我有这段代码:

<td><table class="inner">
                        <?php 
                        foreach($inner_info as $k=>$v)
                        {
                            if($v['type']=="pardakhti"){
                                echo "<tr><td title='<table>
                                <tr>
                                <td><strong>نوع پرداخت</strong></td>
                                <td>".convert_pay_type($v['pay_type'])."</td>
                                </tr>
                                <tr><td>تاریخ</td><td>".$v['date']."</td></tr>

                                </table>'>".$v['amount']."</td></tr>";
                            }
                            else{
                                echo "<tr><td>0</td></tr>";
                            }
                        }
                        ?>
                    </table>
                </td>

和jquery部分是:

 $(document).ready(function(){  $("td").easyTooltip();
    $("td").easyTooltip({       tooltipId: "easyTooltip2",  });      });

和CSS是:

#easyTooltip2{
padding:5px 10px;
    border:1px solid #195fa4;
    background:#195fa4 url(bg.gif) repeat-x;
    color:#fff;
    }
#easyTooltip2 table{
    margin: 0px;
    font-size: 10px;
}
#easyTooltip2 td{

    font-size: 10px;
    border:none;

}
    .inner td {
    text-align: center;
    height: 10px;
    box-shadow: none;

    padding: 10px;
}

但是它显示错误,截图链接:The screeenshot

这里有什么问题? 你可以看到有一个底层表格,宽度和高度错误,填充应该完全删除。为什么有两张桌子?

提前谢谢

1 个答案:

答案 0 :(得分:0)

这是完全错误的。整个表作为属性??

<td><table class="inner">
        <?php 
        foreach($inner_info as $k=>$v)
        {
            if($v['type']=="pardakhti"){
                echo "<tr><td><table>
                <tr>
                <td><strong>نوع پرداخت</strong></td>
                <td>".convert_pay_type($v['pay_type'])."</td>
                </tr>
                <tr><td>تاریخ</td><td>".$v['date']."</td></tr>

                </table>'".$v['amount']."</td></tr>";
            }
            else{
                echo "<tr><td>0</td></tr>";
            }
        }
        ?>
    </table>
</td>

即使这样,也会有两张桌子。

我建议使用此标记

<td>
        <?php 
        foreach($inner_info as $k=>$v)
        {
            if($v['type']=="pardakhti"){
                echo "<strong>نوع پرداخت</strong>".
                convert_pay_type($v['pay_type']).
                "<span>تاریخ</span>".
                $v['date'].
                $v['amount'];
            }
            else{
                echo "0";
            }
        }
        ?>
</td>