UiBinder的元素用jQuery選擇獲取失敗在Chrome/Safari瀏覽器

Question

我有一個像下面

 <g:HTMLPanel> 
    <div class='thumbnailWrapper'> 
    <ul> 
     <li> 
      <a href='#'><img src='41546-140.jpg' /></a> 
      <div class='caption'> 
       <p class='captionInside'>testing javascript</p> 
      </div> 
     </li> 
     <div class='clear'></div><!-- clear the float --> 
    </ul><!-- end unordered list --> 
</div><!-- end spolightWrapper div --> 

<script> 
jQ_Zoom(); 
</script> 

     </g:HTMLPanel> 

我的JavaScript沒有在Firefox執行問題，即UiBinder的html元素。但在safari/ chrome中，javascript不是調用。看看我上傳的樣本 在http://bit.ly/ayuFc1。嘗試用火狐打開和使用 鉻/ Safari瀏覽器

我的javascript

function jQ_Zoom(){ 

     alert('yoyo');  

alert($('.thumbnailWrapper ul li').find('img').height()); 

} 

Answer 1

它看起來像你直接把<script>標籤在你的XML UiBinder的，看起來不正確的比較。我認爲正確的解決方案是：

1. 將Javascript函數包裝在JSNI call中。
2. 在您的HTML文件中調用您的Javascript <script>（在UiBinder之外）。

第一個選項是將本地JavaScript與GWT集成的首選方法。