uibinder element get with jQuery Selector fail on 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. اجعل javaScript الخاص بك <script> اتصل في ملف HTML الخاص بك (خارج Uibinder).

الخيار الأول هو الطريقة المفضلة لدمج JavaScript الأصلي مع GWT.