0

大家好，我正在尝试将 mysql 行填充为带有鼠标悬停的工具提示，但是我只是将第一行作为工具提示填充，您知道我缺少什么，非常感谢您的帮助，这里是我的代码，它只显示第一行作为工具提示框。 

  $(function () {
        $(".test").hover(
            function () {

                            var toolTipHtml = $("#ToolTipDiv_ +'$id'").clone();

                $(this).append(toolTipHtml);
                toolTipHtml.show("slow");
            },
            function () {
                var toolTipHtml = $(this).find(".tooltip");

                toolTipHtml.hide();
                toolTipHtml.remove();
            }
        );

    });

     echo "<table>";
    while($row = mysql_fetch_array($result))
    {
          $id = $row['id_out_org'];
               echo "<tr>";  
             echo "<td>" .$row['KG']."</td>";        
            echo "<td class='test'>" .$row['B']."</td>";
            echo "<td >" .$row['B']."</td>";
            echo  "<td class='test'>"; 
            echo "<div id = 'ToolTipDiv_"/$id/"' class='tooltip' style='background-color: White; display: none; width: 20%;'>";

            echo "Total: $ "; echo $totalp = $total + $fuel;

            echo "</div>";
             "</td>";


            echo "</tr>";           
        }
        echo "</table>";
4

2 回答 2

0

Hardik 是对的，您只得到第一行，因为在 while 语句中创建的每个 div 的 ID 为“ToolTipDiv”，因此 jquery 只选择第一行。您可以做的是给 div 一个第二个类名并按类选择它，以便可以像您想要的那样使用所有 div。我认为这会奏效...

jQuery：

$(function() {
$(".test").hover(
function() {
    var toolTipHtml = $(this).next('.ToolTipDiv').clone();
    $(this).append(toolTipHtml);
    toolTipHtml.show("slow");
}, function() {
    var toolTipHtml = $(this).find(".tooltip");

    toolTipHtml.hide();
    toolTipHtml.remove();
});
});​

PHP/HTML：

echo "<table class='style1' border='0' >";
while($row = mysql_fetch_array($result)) {
echo "<tr>";  
echo "<td>" .$row['KG']."</td>";        
echo "<td class='test'>" .$row['A']."</td>";
echo "<td >" .$row['B']."</td>";
echo "<td class='test'>"; 
echo "<div id = 'ToolTipDIv' class='tooltip ToolTipDiv' style='background-color: White; display: none; width: 20%;'>";
echo $total = $row['A'] - $row['B'];
echo "</div>";
echo "</td>";
echo "</tr>";           
}
echo "</table>";
于 2012-06-12T20:03:28.673 回答
0

请更改您的 id<div> <div id = 'ToolTipDIv'

每个元素的 ID 必须是唯一的 那是代码中的问题

于 2012-06-12T19:41:48.843 回答