2

私はかなり大規模なプロジェクトに取り組んでおり、それぞれに非常に特殊な Javascript を使用して多数の異なるページを使用しています。読み込み時間を短縮するために、展開する前にすべてを 1 つのファイルに縮小する予定です。

問題はこれです: ページ固有の JS を必要としないページで起動しないようにするにはどうすればよいですか? これまでのところ、私の最善の解決策は、各ページを追加のコンテナにラップすることでした

<div id='some_page'>
...everything else...
</div>

jQueryを拡張して、次のようなことができるようにしました。

// If this element exists when the DOM is ready, execute the function
$('#some_page').ready(function() {
    ...
});

これは、ちょっとクールですが、私を間違った方法でこするだけです.

4

1 に答える 1

3

<body>各ページに要素の一意の ID を与えることでこれを達成しました。

<html><head>...</head><body id="sign-in">...</body></html>

そして、ページ固有のスクリプトをすべて jQuery ブロックに次のように記述します。

$(function(){
  if (!$('body#sign-in').length) return;
  // Code specific to sign-in page here
});
于 2012-07-09T20:41:41.830 に答える