1

コードをクリーンアップしようとしているので、すべてのものを

<style></style>

CSS ファイル内。そして、jQueryでも同じことをしようとしています。そこで、Custom.js ファイルを作成しました。しかし、次のようなことをしてください：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

html ファイルにとどまりますか、それとも Custom.js ファイルに移動できますか? また、uscrollbar という jQuery プラグインを使用しているため、html ファイルに次のコードが含まれています。

<script> 
$(document).ready(function(e) {
    $('#scroll_form').uscrollbar();
}); 
</script>​​​​​​​​​​​​​​​​​

これも Custom.js に移動できますか?

4

5 に答える 5

2

はるかに良い質問です。

<script>外部スクリプトへのリンクを HTML に保持するのが最善です。いくつかのタグを付けてもまったく問題ありません。特にCDNを使用しているもの！

関数を外部 JS に移動するdocument.ready()と、他のすべての JS が保持されます。しかし、そのページのみに関連するページに、そのような小さなスニペットを直接含める方が簡単な場合があります。

別のファイルに移動する場合は、正しい順序で含めることが重要です。
通常、Modernizr が上部 ( <head>) にあり、jQuery が下部 ( の直前</body>) にあり、その後にプラグイン、カスタム スクリプトが続きます。

于 2012-10-01T02:50:53.150 に答える
1

RequireJSを確認してください。ヘッダー/フッターに大量の<script>タグを詰め込むのではなく、必要に応じて JavaScript ファイルを含めるための非常に簡単な方法が提供されます。

于 2012-10-01T02:52:42.270 に答える
0

HTML コードで Javascript ファイル (ローカルまたはリモート) への参照を保持します。DOM の準備が整うまで準備する必要がない場合は、ページの下部の body タグの前に配置します。たとえば、ドキュメントの準備が整うまで呼び出されない関数を定義する必要がないにもかかわらず、HTML ロード中の jQuery への参照を定義する必要があるため、jQuery 参照はほとんど常に「head」セクションにある必要があります。たとえば、「jquery.easing」などの他の多くのサポート ファイルを一番下に配置すると、ページの読み込み時間が短縮されます。

uscrollbar() 呼び出しを .js ファイルに移動できますが、すべての「準備完了」コマンドを 1 つの関数に入れ、HTML でその関数を準備完了で呼び出すことをお勧めします。いいえ:

<script type="text/javascript">
jQuery(document).ready(function() {
    fn_LoadFunctionName_Thats_InYour_Custom_js_files();
});
</script>

スクリプト タグに type="text/javascript" を含めることを忘れないでください。

于 2012-10-01T02:51:58.250 に答える
0

1 つの小さな関数呼び出し以上のカスタム js を使用している場合は、新しい js ファイルに分割し、それを<script>タグで呼び出すだけです。cssも同様です。jquery でスタイルを変更する場合は、通常addClass、 、removeClass、およびを使用toggleClassしてスタイルを変更します。そうすれば、css ファイルから js ファイルへのスタイル設定を見失うことはありません。

于 2012-10-01T02:51:59.913 に答える
0

確かにそれらを Custom.js ファイルに移動できます。jQueryライブラリを含めたので、htmlファイルにファイルを含めていることを確認してください。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="Custom.js"></script>

Custom.js のパスが正しいことを確認してください。また、js ファイルには script タグを入れません。したがって、Custom.js は次のようになります。

$(document).ready(function(e) {
    $('#scroll_form').uscrollbar();
});
于 2012-10-01T02:52:24.293 に答える