MVC4部分表示javascriptバンドリング問題

Question

私は、Visual Studio 11を使用してプロジェクトASP.net 4、MVC4（RC）に取り組んでいます。 部分ビューをレンダリングするMVC4 Razorビューをレンダリングしようとしています。私は私の部分的なビューのためにいくつかのjavascriptが必要です。 私の部分的な見解では、スクリプトセクションの中にjavascriptを含めると、次のように読み込まれないようです。

@section Scripts { 
    <script type="text/javascript"> 
     $(function() { 
      alert("test"); 
     }); 
    </script> 
} 

私は、スクリプトのセクションを削除した場合、文書準備コードが実行されるときに（私の_Layout.cshtmlページにバンドルされ、レンダリングされている）jqueryのライブラリがまだロードされていないとして、それが失敗しました。

@Scripts.Render("~/bundles/jquery") 
@RenderSection("scripts", required: false) 

誰もがこのための解決策を知っていますか、私は単にそれについて間違った道を進んでいますjqueryのライブラリをロードする

<script type="text/javascript"> 
    $(function() { 
     alert("test"); 
    }); 
</script> 

_layoutページのコード？その私の頭を壊す！

Answer 1

部分でdocument.readyでスクリプトをラップしないでください：

@section Scripts { 
    <script type="text/javascript"> 
     alert("test"); 
    </script> 
} 

ああ、とパーシャルのスクリプトを入れないでください。 Javascriptコードは、別々のjavascriptファイルに配置する必要があります。部分的にロードされたときにいくつかのjavascriptを実行したい場合は、このスクリプトを再利用可能な関数/プラグインに外部化するだけです。

Answer 2

最後にこれが機能するようにしました。私の部分的なビューから自分のjavascriptを削除し、それを親セクション（部分的ではない）のスクリプトセクションに配置しました。このスクリプトセクションは、スキャフォールディング（Create）でビューを作成すると自動的に作成され、ページ。これを動作させるには、ページの先頭に移動しなければなりませんでした。

Answer 3

ClientDependencyはこの問題を正確に解決し、ページの末尾（または指定した場所）にロールアップして配置する部分ビューにスクリプト参照を追加することができます。また、バンドル、バージョン管理、およびミニページ化をページ単位で処理します。

スクリプト参照を確実にするオーバーヘッドは、部分的ではなく、「親」ビューにありますが、独自のスクリプトとCSSを必要とする部分的な部分がたくさんある場合はクライアントの依存関係が役立ちます。