PHP“while”循环中的jQuery工具提示不起作用答案

【问题标题】：jQuery Tooltip in PHP "while" loop not workingPHP“while”循环中的jQuery工具提示不起作用
【发布时间】：2011-11-29 20:35:26
【问题描述】：

我想在我的网站上显示工具提示，我正在使用此代码：http://flowplayer.org/tools/demos/tooltip/table.html

我正在使用 while 循环来创建表行 <tr>。这是我的工具提示<div> 的样子：

<td class="maandgem">&euro; <?= round($monthavg, 2); ?></td>
<div id="tooltip" class="tooltip">
    Shipping: <?= $row['price_shipping']; ?><br />
    Price: <?= $row['price']; ?><br /><br />
    Total: <?php echo $row['price'] + $row['price_shipping'] + ($row['abo_price'] * $row['abo_time']); ?>
</div>

这按计划工作，它计算每个<tr> 的总价格。我遇到的问题是，当我将鼠标悬停在 <td class=maandgem> 上时，它总是显示相同的 first 工具提示。

因此，每个<TD> 仅显示一个工具提示，即创建的第一个。而不是每行的唯一工具提示。 PHP 部分有效 - 正在创建独特的 <TD>。我正在使用这段代码（它是默认的，我不太了解 jQuery）

$(document).ready(function() {
    $(".maandgem").tooltip({
        tip: '#tooltip',
        position: 'bottom left',
        delay: 0
    });
});

我还包含这个 .js，并且我有一个用于工具提示的基本样式表。

<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>

【问题讨论】：

标签： javascript jquery tooltip jquery-tools

【解决方案1】：

我猜那是因为您使用 id 作为工具提示，并且 id 必须是唯一的，因此 jquery 只选择第一个。

尝试使用类属性，然后选择它。

【讨论】：

感谢您的回复。我该怎么做呢？
@Linkjuice57 是的，我想这样就可以了。
@Linkjuice57 你想在工具提示中显示什么？根据文档，您需要在 .tooltip div 上有一个标题属性，其中包含您要在工具提示中显示的文本。

【解决方案2】：

是的，如果将使用类而不是 ID，那么它也将在循环上工作。我已经对其进行了测试并且工作正常。

    <link rel="stylesheet" href="jquery-ui-1.10.4.custom.css">  
    <script src="jquery-1.10.2.min.js"></script>  
    <script src="jquery-ui-1.10.4.custom.js"></script>  

    <script> 
        $(function() {   
            $( ".show-option" ).tooltip({     
                show: 
                {       
                    effect: "slideDown",     
                    delay: 250      
                },

                position: 
                {       
                    my: "center top",        
                    at: "center"      
                } 
            });   
        });  
    </script>
</head>
<body>
    <h2 class="show-option" title="Testing Tooltip">ToolTip</h2>
</body>

【讨论】：