-1

プレーンなバニラJavascriptコードでいっぱいの既存の（負荷の高い）Webページのセットがある必要に応じていくつかの関数を置き換えることにより、jQueryを徐々に使用したいと思います。

言い換えれば、jQueryがすべてを最初から書き直すことを強制しないことを望んでいます！私が正しい場合：

したがって、典型的なドキュメントには、（私の）既存のJavaScriptリンクファイルがいくつかあります。

<script type="text/javascript" src="/Play/DragDrop6.js"></script>
<script type="text/javascript" src="/Play/aHand6.js"></script>
<script type="text/javascript">
    var vstatus = "bid";
    var curtop = 0;
    var curleft = 0;
    var curwidth = 0;
    var curheight = 0;

    function return2Url() {
        history.go(-1);
    }

    function showSomethingb() {
        /...                  } </script></head><body>....

問題は、jQuery.min.jsライブラリをそのドキュメントに追加するにはどうすればよいですか。また、$（document）.ready（function（）...

関数showSomethingb（）をjQueryスタイルで書き直したいとします。どこに配置しますか？

4

4 に答える 4

1

一般的なベストプラクティスのルール...可能な場合はページの最後に、終了</body>タグの直前にjavascriptを追加します。

そのドキュメントにjQuery.min.jsライブラリを追加するにはどうすればよいですか？

すべてのコードの前。例えば

<script type="text/javascript" src="jQuery.min.js"></script>
<script>
   //Then the rest of your code
</script>

$（document）.ready（function（）はどこに置きますか？

ドキュメントの準備ができたときに実行するコードの前（ただし、上記のライブラリの後）。

$(document).ready(function(){
   // Perform when document is ready
});

あなたの機能のために私はそれを次のように書くでしょう...

var showSomethingb = function(){ //Your function };

しかし、これを行うにはさまざまな方法があります。

于 2013-02-07T21:13:48.727 に答える
1

他のjavascriptファイルと同じように、jqueryライブラリへのリンクを含めるだけです。

通常、これはすべてのJsファイルの中で最初に実行して、最初から利用できるようにします。

<script type="text/javascript" src="/jquery.{version}.js"></script>
<script type="text/javascript" src="/Play/DragDrop6.js"></script>
<script type="text/javascript" src="/Play/aHand6.js"></script>

その後、あなたは行ってもいいです。

$(document).ready(function()ページ全体が読み込まれた後に何かを実行したい場合は、任意の（またはすべての）ページで使用できます。しかし、jqueryはそれに限定されません。どこでも使えます。

ただし、少なくともほとんどのJSコードを1か所に配置することは理にかなっています。

したがって、コードは次のようになります。

<script type="text/javascript">

$(document).ready(function() {
    var vstatus = "bid";
    var curtop = 0;
    var curleft = 0;
    var curwidth = 0;
    var curheight = 0;

    function return2Url() {
        history.go(-1);
    }

    function showSomethingb() {
    } 

};

残りは、JS構文をどのようにスタイル設定して記述したいかはあなた次第です。

jqueryのドキュメント は素晴らしいです。

于 2013-02-07T21:14:32.033 に答える
0

ただで、

$(document).ready(handler);単純にである省略形を使用することにより、その最初の行をはるかに短くすることができます$(handler);。

したがって、たとえば：

$(document).ready(function() {
    // your code
});

になります

$(function(){
    // your code
});

同じように動作します。やった！

詳細については、http： //api.jquery.com/ready/を参照してください。

于 2013-02-07T22:20:27.420 に答える
0

まず、本当にこれを実行したいのかを自問する必要があります。

技術的には、Jqueryはjavascriptです…それはそれの省略表記のようなものです。

ですから、あなたがすでに速記で書いたものを速記に変換するのに時間をかけることはあなたの時間の良い使い方ではないかもしれません。

jsコードの改善を検討している場合は、次のようなjavascriptのベストプラクティスを検討することをお勧めします。1。すべてのコードを本文の下部に配置してUIが最初に読み込まれるようにする2.縮小して負荷を軽減する3.パターンモジュールパターンのように...私はあなたがそれがより有益であることがわかると思います。

しかし、確かな場合は、手動で行う必要があります（私が知っているツールはありません）。開始するのに最適な場所はw3schoolsで、これで遊ぶこともできます.. http：//www.w3schools。 com / jquery / default.asp

于 2013-02-07T21:33:55.893 に答える