элемент uibinder получить с помощью селектора jquery на Chrome / Safari - PullRequest
0 голосов
/ 31 августа 2010

У меня есть элемент 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());

}

1 Ответ

0 голосов
/ 01 сентября 2010

Похоже, вы помещаете тег <script> непосредственно в ваш UiBinder xml, что выглядит неправильно. Я думаю, что правильное решение:

  1. Обернуть функцию Javascript в вызов JSNI .
  2. Сделайте ваш Javascript <script> вызов в вашем HTML-файле (за пределами UiBinder).

Первый вариант - предпочтительный метод интеграции нативного Javascript с GWT.

...