uiginder元素在chrome / safari上使用jquery选择器失败

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中没有问题，即。但在野生动物园/ chrome，javascript不是通话。看看我上传的样本 在http://bit.ly/ayuFc1。尝试用firefox打开并与之比较 铬/野生动物园

我的javascript

function jQ_Zoom(){

      alert('yoyo');    

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

}

Answer 1

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

1. 将Javascript函数包装在JSNI call。
中
2. 在您的HTML文件中（在UiBinder之外）进行Javascript <script>调用。

第一个选项是将本机Javascript与GWT集成的首选方法。