jquery.click和.mouseover不能在css3顯示：table，row，cell在html表上工作？

我有一個表是由標準html生成的，並使用JQuery .mouseover事件偵聽器以及.click偵聽器。一切工作正常。後來我開始從Facebook API收集數據，然後使用div和CSS在頁面上創建信息。代碼的明細如下：jquery.click和.mouseover不能在css3顯示：table，row，cell在html表上工作？

這是jQuery的功能：

$(document).ready(function() { 

     $('.fbLikeImage').mouseover(function() { 
       $likeID = this.id; 

       document.getElementById('uiFBULikeName').innerHTML = this.alt; 
       document.getElementById('uiFBLikeImage').innerHTML = "<img width='70' height='70' class='fbUserImage' src="+ this.src +" >"; 

       }); 

     $('.fbLikeImage').click(function(){ 
      showDiv('uiCommentTextInputWrapper'); 
      showDiv('likeButtonWrapper'); 

      }); 


});

那麼這裏就是呈現的HTML：

<div class="table"> 
    <div class="tableRow"> 
     <div class="tableCell"> 
      <img width="50" height="50" id="192563358702" class="fbLikeImage"    src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50352_192563358702_7313174_s.jpg" title="hi,  friend" alt="hi, friend"> 
     </div> 
     <div class="tableCell"> 
      <img width="50" height="50" id="126279274071407" class="fbLikeImage" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/195799_126279274071407_7781147_s.jpg" title="Momentographics | Photography &amp; Design" alt="Momentographics | Photography &amp; Design"> 
     </div> 
    </div> 
</div>

有許多超過行，但這個但這是基本結構。

這裏是我的CSS代碼：

.table{ 
display:table; 
} 

.tableRow{ 
display:table-row; 

} 
.tableCell{ 
display:table-cell; 
vertical-align:top; 

}

這是工作的罰款之前，我把它轉換成基於CSS表格佈局。任何想法都很棒，我一直無法解決這個問題。

來源

2011-03-27 Neil Ecker

這適用於我在jsfiddle。您提供的代碼缺少'uiFBULikeName'和'uiFBLikeImage'元素以及'showDiv'功能。所以當它達到這些線時我會得到錯誤。 http://jsfiddle.net/NZsYK/ – rcravens 2011-03-27 12:02:18

$(function() { 

     $('.fbLikeImage').mouseover(function() { 
       var likeID = $(this).id; 

       $('#uiFBULikeName').html($(this).alt); 
       $('#uiFBLikeImage').html("<img width='70' height='70' class='fbUserImage' src=' + $(this).src + ' >") 

     }); 

     $('.fbLikeImage').click(function(){ 
      $('div uiCommentTextInputWrapper').show(); 
      $('div likeButtonWrapper').show(); 

      }); 
}); 
I would suggest something like this, but I'm not sure if the click function works like this.. else try by passing the class or ID with it.

來源

2011-03-27 12:15:16 Lauw

我想通了。在doc.ready函數執行偵聽器之前，css DIV表尚未創建並準備就緒。我把監聽器放在另一個函數中，並在創建css表的函數結尾調用它們。通過這種方式，偵聽器在其他代碼生成之前不會觸發。

來源

2011-03-27 21:34:02

jquery.click和.mouseover不能在css3顯示：table，row，cell在html表上工作？

回答

相關問題