UiBinder get elemento con selector de jQuery fallar en cromo / safari

Question

He UiBinder elemento html, como a continuación

       <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>

El código JavaScript no tienen ningún problema ejecutado en Firefox, IE. pero en Safari / el cromo, el Javascript no se llame. echar un vistazo a mi muestra Subida en http://bit.ly/ayuFc1 . tratar abierto con Firefox y en comparación con Chrome / Safari

El código JavaScript

function jQ_Zoom(){

      alert('yoyo');    

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

}

Answer 1

Parece que usted está poniendo la etiqueta <script> directamente en su xml UiBinder, que no se ve bien. Creo que la solución correcta puede ser:

1. englobar la función Javascript en un JSNI llamada .
2. A continuación, llamar <script> Javascript en su archivo HTML (fuera de la UiBinder).

La primera opción es el método preferido para la integración nativa con GWT Javascript.