0

マルチページ Meteor アプリを作成しようとしています ( https://github.com/tmeasday/meteor-routerを使用しています)。ページのコンテンツに応じて条件付きで JavaScript を読み込むにはどうすればよいですか?

これが私がやっていることです: メインページには、Meteor-router が使用するタグmain.html内に {{renderPage}} があります。<body>ページの 1 つであるこのページ/テンプレートと呼ばれるhomeものがあり、そのスクリプトのいくつかがあるとします。Meteor がなければ、これらのスクリプトの一部は<header>jquery などにありますが、他のスクリプトは の最後にあり<body>ます。home呼び出されたテンプレートの最後にパーシャルを配置するhomeCustomScriptsと、対応する Template.homeCustomScripts 関数が次のようになります (多くのスクリプトを省略しました。これは単なる例です)。

Template.homeCustomScripts.created = function() {
  scriptInsert = function () {
    $('head').append('<script type="text/javascript" src="js-plugin/respond/respond.min.js">`
    <script type="text/javascript" src="js-plugin/easing/jquery.easing.1.3.js"></script>`
    <script type="text/javascript" src="js/custom.js"></script>');

  }
}

内部にはcustomScriptmain.htmlという別のパーシャルがあり、内部にTemplate.customScript.renderedは callsがありますscriptInsert()。

Chromeコンソールに本当に面倒なJavascriptエラーがあり、それが何を意味するのかわからないことを除いて、うまくいくはずです:

ここに画像の説明を入力

<head>Meteor も JQuery をロードし、Meteor が最後にすべてをロードしていると聞いたので、JQuery プラグインのイージングが JQuery のそのインスタンスの前にロードされるのではないかと推測しています。しかし、私は知りません。

Meteor のマルチページ アプリケーションで異なるページに異なるスクリプトをロードする最良の方法は何ですか?

4

1 に答える 1