如何創建jquery懸停

如何創建一個jQuery hover以顯示div當鼠標移動到像twitter這樣的位置時，retweet和favorite？如何創建jquery懸停

這裏是我的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 />

這裏是我的JavaScript代碼：

$('#id').hide(); 

$('#hover').hover(function() { 
    var blab_id = $('#blab').text(); 
    $('#id').show(); 
}, function() { 
    $('#id').hide(); 
});

它顯示了div只有第一個。

來源

2013-01-22 Maroon Saed

準備代碼以便更好地分析，放棄PHP代碼，只留下代碼以便提出問題... – kicaj

請發佈相關**呈現** HTML不是PhP設計代碼，因爲它不可見HTML呈現在它的位置。 – Nope

您只能在整個頁面上使用一次特定ID！如果您在頁面上插入此div的多個副本，您的HTML代碼將無效。這就是爲什麼jQuery只將事件處理程序附加到第一個元素。

解決方法是使用class="hover_enabled"而不是id="hover"，因爲它允許將相同的類添加到多個元素。這裏是你會怎麼做jQuery中：

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

同樣的道理也適用於#id。

來源

2013-01-22 23:09:39

如何創建jquery懸停

回答

相關問題