MVCの部分ビューでJQueryを読み込む

Question

私はASP.NET MVC C＃Webアプリケーションを持っています。私のレイアウトファイルで

私は、次のAJAX呼び出し

<li class="PriceModal"> 
         @Ajax.ImageActionLink("/InternalDB/Content/downloadCSV.png", "Pareto", "35px", "35px", "PartialViewPriceCalculator", 
         "PriceCalculator", new {@Pareto = "active" }, new AjaxOptions 
         { UpdateTargetId = "PriceCalculator", InsertionMode = InsertionMode.Replace, HttpMethod = "GET"}, new { @style = "padding-top:30px" }) 
    </li> 

このAjaxのリンクをクリックすると、ブートストラップモーダルがロードされ、部分図は、ブートストラップモーダル内部負荷であるがあります。この時点で、Bootstrapモーダルと部分的なビューが私の既存のページの上にあります。

私の問題は、部分ビュー内にjQueryコードを配置したときに始まります。私は、これは私が背景に私のページでロードされたDOMに追加することができます次のコード

$('body').on('jQuery event to be placed here(focus,change,mouseenter)', 'class/ID to be Placed here', function (e) {  
    // jQuery events 
}); 

でDOMにjQueryのコード（部分）を追加する方法を発見しました。 しかし、これにも多くの問題があります。私の部分的なビューの内側にあるドロップダウンリストにChosenというプラグインを追加するにはどうすればいいですか？

jQueryをAjaxオプションの中に入れ、Onsuccessプロパティを使用して実験しましたが、これにも問題があるようです。

<li class="PriceModal"> 
         @Ajax.ImageActionLink("/InternalDB/Content/downloadCSV.png", "Pareto", "35px", "35px", "PartialViewPriceCalculator", 
         "PriceCalculator", new {@Pareto = "active" }, new AjaxOptions 
         { UpdateTargetId = "PriceCalculator", InsertionMode = InsertionMode.Replace, HttpMethod = "GET", OnSuccess = "$('.chosen2').chosen({ allow_single_deselect : true })"}, new { @style = "padding-top:30px" }) 
    </li> 

ポップアップ部分図の内側に必要なのjQueryのすべてをロードする一般的な方法はありますか私はちょうど、それぞれ特定の状況のた​​めのハックを見つける必要がありますか？

Answer 1

あなたはちょうどその時、あなたのPartialView終了ロードJavaScriptを実行するdocument.readyイベントを使用することができます。

<div id="partialViewHere"> 
</div> 

<script type="application/javascript"> 
    $(function() { 
     // load whatever you need here 
    }; 
</script> 

は、私は別のPartialView Sをロードし、ボタンにイベントを追加するには、アプリケーションでこれを使用して、それは完璧に動作します。