0

私は以下のようなuibinderhtml要素を持っています

       <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());

}
4

1 に答える 1

0

<script>タグをUiBinderxmlに直接配置しているようですが、正しく表示されません。正しい解決策は次のいずれかだと思います。

  1. JSNI呼び出しでJavascript関数をラップします。
  2. <script>HTMLファイル（UiBinderの外部）でJavascript呼び出しを行います。

最初のオプションは、ネイティブJavascriptをGWTと統合するための推奨される方法です。

于 2010-09-01T13:36:02.530 に答える