chrome / safari上使用jQuery选择器获取uibinder元素失败

Question

我有如下的uibinder html元素

       <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中没有执行问题，即。 但在safari / chrome中，不会调用javascript。 在http://bit.ly/ayuFc1上查看我上传的示例。 尝试用Firefox打开并与chrome / safari比较

我的JavaScript

function jQ_Zoom(){

      alert('yoyo');    

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

}

Answer 1

好像您将<script>标记直接放在UiBinder xml中一样，看起来不正确。 我认为正确的解决方案是：

1. 将Javascript函数包装在JSNI调用中 。
2. 在HTML文件（UiBinder外部）中调用Javascript <script> 。

第一种选择是将本地Javascript与GWT集成的首选方法。