élément uibinder obtenir avec sélecteur jquery échouer sur chrome/safari

Question

j'ai uibinder élément HTML comme ci-dessous

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

mes javascript ont pas de problème exécuté dans Firefox, par exemple. mais en safari/ chrome, le javascript n'est pas appelé. jeter un oeil à mon échantillon téléchargé at http://bit.ly/ayuFc1. essayez ouvert avec Firefox et par rapport à chrome/safari

mon javascript

function jQ_Zoom(){ 

     alert('yoyo');  

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

} 

Answer 1

On dirait que vous mettez la balise <script> directement dans votre xml UiBinder, qui ne semble pas juste. Je pense que la solution correcte est soit:

1. Envelopper la fonction Javascript dans un JSNI call.
2. Faites votre appel Javascript <script> dans votre fichier HTML (en dehors de l'UiBinder).

La première option est la méthode préférée d'intégration de Javascript natif avec GWT.