MVC 부분 뷰에서 JQuery로드

Question

ASP.NET MVC C# 웹 응용 프로그램이 있습니다. 내 레이아웃 파일에서

나는이 아약스 링크가 부트 스트랩 모달로드되고 부분보기가 부트 스트랩 모달 내부 부하입니다 클릭 다음 아약스 호출

<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> 

에게 있습니다. 이 시점에서 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 옵션 안에 jQuery를 넣고 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를 모두로드하거나 난 그냥 각각의 특정 상황에 대한 해킹을 찾을 필요에 대한 일반적인 접근 방법이 있습니까?

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

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

내가 다른 PartialView의를 통해로드 버튼에 이벤트를 추가하는 응용 프로그램에서이를 사용하고 완벽하게 작동합니다 : 당신의 PartialView 완료 로딩 할 때

Answer 1

당신은 자바 스크립트를 실행하기 위해 document.ready 이벤트를 사용할 수 있습니다.