2011-02-06 3 views
1

私は現在document.readyの中にすべてを持っていますが、これは可読性とDRYnessにはあまり適していません。どのようにJS/jQueryでより大きな論理全体を作成しますか(すべてをdocument.readyに入れるのではなく)

jQuery/Javascriptでモジュール/クラス/名前空間/関数などを作成するオプションは何ですか?それのname属性に指定した文字列をパラメータとして要素を取り、追加

  • 汎用機能:たとえば

    、どのようにこれらの懸念を分けるのでしょうか?

  • ボタンの効果、スタイリング、フォーム、タブなどを適用するUIを最もよくするコードですか? AJAX

を扱う

  • コードはどうやら、私が知りたいことです:どのようにJSのコードを構造化するのですか? (おかげでアレックス!)

  • 答えて

    1

    あなたはcreate pluginsでした。プラグインを作成し、さらに一歩

    0

    またはjQuery Ui Widgets、:

    (function($){ 
        $.fn.myCustomPlugin = function() { 
         // My code here 
        }; 
    })(jQuery); 
    
    1

    どのようにあなたがdocument.readyに呼び出す複数の機能にコードを分割するでしょうか?これらをオブジェクトにグループ化するか、JS.Classなどのオブジェクト指向のアプローチの1つを使用することもできます。これはjQueryとはあまり関係ないと思います。ところで、一般的なコードの構造化です。

    +0

    あ、そうです。私はこれがjQueryに固有ではないことについてあなたが正しいと信じています! – randomguy

    0

    一般的なJavaScriptについては、関数/オブジェクトを使用することができます。thisを参照してください。 jqueryのために

    、komarとダーリンの両方でプラグインを作成するために、前述したように...

    2
    var myApp = { 
        init: function() { }, 
        widget: { 
        init: function() { }, 
        add: function() { }, 
        del: function() { }, 
        read: function() { }, 
        edit: function() { } 
        }, 
        utils: { 
        ui: { 
         rotate: function() { }, 
         jump: function() { } 
        } 
        } 
    }; 
    
    myApp.init(); 
    
    +0

    ああ、これはJSONを使用しています、正しいですか?それはかなりいいですね。これはdocument.readyの前に自動ロードされますか? – randomguy

    +0

    いいえ、これはJSONではなく、単にjavascriptオブジェクトを作成しています。 JSONは、JavaScriptシンタックスの限定されたサブセットを表現するための特定の文字列形式です。たとえば、JSONは関数を表すことができません。 – Gareth

    +0

    これは、よく整理されたオブジェクトリテラルの単なる図です。イベントハンドラを作成する関数を持つ 'keys'オブジェクトと' mouse'オブジェクトを持つ 'events'オブジェクトもあれば、必要なものは何でもあります。 – mVChr

    0

    jQuerjは、DOM管理のための、簡単なXHRのために非常に有用です。しかし、大きなアプリケーションを作成したい場合は、javascriptライブラリを変更してdojotoolkitやyuiのような "エンタープライズ"ライブラリを採用することをお勧めします。

    関連する問題