0

javascript ファイル main.js があります。main.js には次のようなものが含まれています。

$(document).ready(function() {
     Cufon.replace('#myform p.head', { fontFamily: 'HelveticaNeueLT Std Thin' });
     ......
});

これは、ページ全体が読み込まれた後にこのメソッドを実行し、変更を css 要素に適用することだと思います。

しかし、私が見つけたのは、これはすべての HTML 要素の前にスクリプトがロードされた場合にのみ機能するということです。

 <body>
   HTML......
   <script type="text/javascript" src="js/main.js"></script>
 </body>

ただし、このスクリプトをすべての HTML の上に置くと、機能しなくなります。

 <body>
   <script type="text/javascript" src="js/main.js"></script>
   HTML......
 </body>

これは、静的 HTML と GWT ページの両方で発生します。私の GWT は生成された HTML を常にすべてのボディ コンテンツの最後に配置するため、スクリプトは常に HTML の前にあり、動作しません。たとえば、GWT モジュールの HTML は次のようになります。

  <body>
       <script type="text/javascript" src="js/main.js"></script>
  </body>

コンパイル後、私の UIBinding から生成された HTML は、次のような HTML ページを提供します。

  <body>
       <script type="text/javascript" src="js/main.js"></script>
       Generated HTML....
  </body>

私の質問は次のとおりです。

  1. 生成されたHTMLがタグ内のいくつかのステートメントの間にあることを指定できるGWTにはとにかくありますか。
  2. $(document).ready の代わりに、ページの読み込みで最後に発生したときに呼び出されることを保証できる他の方法はありますか?

どうもありがとう

4

1 に答える 1