Php 如何创建jquery悬停

如何创建jQuery

hover

以在鼠标像twitter repla retweet和favorite一样移动时显示

div

这是我的HTML：

<div style="display:none;" id="blab">
  <?php echo $blab_id; ?>
</div>
<a href="blab.php?id=<?php echo $blab_id; ?>">
    <div class="blab_body" id="hover" value="Hide">
        <table>
            <tr>
                <td valign="top">
                    <img src="<?php echo $profile_pic_info; ?>" class="blab_image" width="50" height="50" />
                </td>
                <td>&nbsp;</td>
                <td>
                    <table>
                        <tr>
                            <td valign="top">
                                <a href="profile.php?id=$mem_id">
                                    <strong><?php echo $added_fullname; ?></strong>
                                </a>
                                <?php echo $added_to_fullname; ?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <?php echo $blab_body; ?>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <text style="color:gray;">
                                    <?php echo $blab_date; ?>|<?php echo $device; ?>
                                </text>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <div style="background:#000; display:none;" id="id">&nbsp;</div>
    </div>
</a>
<hr />

---

它仅显示第一个ID的

div

。

您只能在整个页面上使用某个ID一次如果在页面上插入此

div

的多个副本，则HTML代码将无效。这就是为什么jQuery只将事件处理程序附加到第一个元素

解决方案是使用

class=“hover\u enabled”

而不是

id=“hover”

，因为允许将同一类添加到多个元素中。以下是您在jQuery中的操作方法：

$('.hover_enabled').hover(function() { ...

---

同样的事情也适用于

#id

准备代码以便更好地分析，删除PHP代码，只留下代码以供提问…请发布相关的呈现HTML而不是PHP设计代码，因为它不可见在它的位置呈现的HTML是什么。

$('.hover_enabled').hover(function() { ...