0

この投稿に従って、JSライブラリと1つのドキュメントレディ関数の読み込みを延期することができました。jQueryの読み込みを延期することは可能ですか？

ただし、（すべてのページではなく）異なるモジュールによってページに配置される複数のドキュメント対応関数があります。私がこれまでに持っているコード：

echo'
//      deferred loading of jQuery library and
(function() {
 function getScript(url,success){
   var script=document.createElement("script");
   script.src=url;
   var head=document.getElementsByTagName("head")[0],
       done=false;
   script.onload=script.onreadystatechange = function(){
     if ( !done && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") ) 
     {
       done=true;
       success();
       script.onload = script.onreadystatechange = null;
       head.removeChild(script);
     }
   };
   head.appendChild(script);
 }
 getScript("lib/jquery/js/jquery-1.4.4.min.js",function(){
   getScript("lib/jquery/js/jquery.tools.min.js",function(){
     $("ul.tabs").tabs("div.panes > .pane",  {
 ';
 if(!isset($params['onclickfunction']) == 'no') {
 echo '
              onClick: function() {

                   var myTab = this.getCurrentTab().text();
                   document.getElementById("titleReplacement").innerHTML = " - " + myTab;
              },
  '; } //end conditional click function

echo '
              effect:"fade",
              fadeInSpeed:800,
              initialIndex:';

if(isset($_GET['tabs'])) { $this_url = $_GET['tabs']; }
else { $this_url = 'some text'; }

if($this_url == $params['tab1']) { echo '0'; }
elseif ($this_url == $params['tab2']) { echo '1'; }
elseif ($this_url == $params['tab3']) { echo '2'; }
//nothing matches? show first tab
else { echo '0'; }

echo  ' })  ;

   });
  })   // possibly another ; here ???
 })();
';

これは実際には機能すると思いますが、ライブラリが読み込まれる前に、他のドキュメント対応関数を実行しようとしています。他の関数を1つの関数にマージできないため、他の関数に使用できる簡単なテストはありますか？

乾杯

4

2 に答える 2

0

Kyle Simpson の LABjs を見てください。私はこれがあなたが望むことをすると思います...

于 2011-11-26T21:56:11.703 に答える
0

次のように、jQuery が定義済み関数であるかどうかを確認するための基本的なチェックを行うことができます。

if( jQuery !== undefined ){
    //Execute your jQuery code here
}

ただし、上記は 1 回実行され、jQuery が定義されていない場合は再度実行されません。document.readyタブを作成するときと同じように、jQuery lib のロードが成功したときに実行する関数にコードをラップします。

CDN から jQuery lib を読み込んでみることもできます。高速サーバーとキャッシングの利点が得られるため、パフォーマンスに大きな影響を与えることなくヘッダーに lib をロードできる可能性があります。

于 2011-11-25T02:37:37.873 に答える