フロントエンドの開発者として、バックエンドの担当者との経験が非常に悪いため、すべての JavaScript 部分を最後まで維持しようとしています。そのため、特定のページの css「ID」の存在に基づいて、必要に応じてすべての JavaScript 依存関係をロードするために使用します。そのために、私は Modernizr を使用します。そのようにして、バックエンド開発者は、特定の JavaScript ファイルをロードする必要があるページとそうでないページを気にする必要がなくなります。
最近、jQuery Carousel をロードしようとしましたが、ロードは成功し、firebug に示されているようにバインディングを取得しました。しかし、うまくいきません。
リンク -http://59.160.209.51/websites/eamonreganirishart/code/ - Please copy/paste this link to the browser
そして Modernizr コード
Modernizr.addTest("car_0", $("#mycarousel").length > 0);
Modernizr.load({ test:Modernizr.car_0, yep:[temp_path+"/css/skins/tango/skin.css", temp_path+"/js/libraries/jquery.jcarousel.min.js"], callback: function(){ if($.fn.jcarousel){ console.log("found"); jQuery('#mycarousel').jcarousel({ vertical: true, scroll: 2, auto:2 }); } } });
ここで何が欠けているのですか...もう1つのことは、このようにロードするためにすべてのjavascriptをロードすると、プロセスは正しいですか? これが最適な方法ではない場合、フロントエンドの観点から見てより良い方法は何ですか?