javascript - 使用 jquery 选择器获取 uibinder 元素在 chrome/safari 上失败

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. <script>在您的 HTML 文件中（在 UiBinder 之外）进行Javascript调用。

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