2014-07-25 5 views
0

요소에 부분 클래스를 추가하려고하지만 요소 뒤에 요소가 추가됩니다. HTML에 divCartHeader 하나만 있습니다.요소 jquery 뒤에 데이터가 추가됩니다.

부분적 클래스 (pagingLinkHelperPartial.cshtml)

<!--START PAGINATION MENU--> 
<div class="container-fluid subMenuBKG" id="paginationDiv"> 
    <div class="row" id="dtlRptPrvNxtLnk"> 

    </div> 
</div> 
<!--END PAGINATION MENU--> 
<!--START Cart Header MENU--> 
<div id="divCartHeader"> 
</div> 
<!--END Cart Header MENU--> 

CartHeader.cshtml

<div class="CartHeader"> 
    <div class="CartInfo"> 
    </div> 
    <div class="CartButtons"> 
    </div> 
</div> 

Cart.js :

var Mod = Mod || {}; 
Mod.Carts = function (e) { 

if (ddlselectedVal == "ViewCart") { 

    var frmViewCartValiator = $("#frmViewCart").validate({ 
var url = EnvironmentURL + "Reports/Stats/GetListingsInCart" ; 

    $.post(url, 
      function (data) { 

var $emailForm = $("#frmPostToEmailReports"); 
    $emailForm.find("#IsCart").val(true);           

    var url = $("#applicationName").val() + "/Stats/GetCartHeader"; 
    if (IsCart) { 
     $.post(url, 
     function (data) { 
         $("#divCartHeader").empty().replaceWith(data); 
         //$("#divCartHeader").empty().append(data); 
         //$("#divCartHeader").html(data); 
              }); 
            }; 


}); 
}); 


var postData = { AgentId: agentId, Mlsnums: SelectedMlsnums, ActionTypeValue: Action}; 
      var viewCartDialog = Mod.ReportsDialog({ title: 'View A Cart', close: closeViewCartDialog, open: openViewCartDialog, position: { my: "center", at: "center", of: window } }); 
      viewCartDialog.url = EnvironmentURL + 'MLSReports/Stats/Cart' 
      //viewCartDialog.url = EnvironmentURL + 'Stats/Cart' 
      viewCartDialog.targetElement = '#myModalMail' 
      viewCartDialog.formName = '#frmViewCart' 
      viewCartDialog.postData = postData 
      viewCartDialog.open(); 
} 

} 

enter image description here

바와 같이 이 그림에서 CartHeader.cshtml<div id=divCartHeader>에 추가하려하지만 요소 다음에 추가됩니다.

+0

그것은 당신을 보인다 : 당신은 iframe을 사용할 수 있습니다, 그렇지 않으면

$('#divCartHeader').append('<div class="CartHeader"><div class="CartInfo"></div><div class="CartButtons"></div></div>'); 

: 당신은 문자열로 CartHeader.cshtml의 실제 마크 업을 액세스 할 수있는 경우

당신은 다음과 같은 작업을 수행 할 수 '$ ("# divCartHeader"). empty(). append (data);'시도했다. 그 결과는 무엇입니까? 이제'divCartHeader' div를'data'로 바꾸고 있습니다.'CartHeader.cshtml'에 문제가있는 것 같습니다. 그것은 빈'divCartHeader' div를 포함 할 수 있습니다. – Saranga

+0

감사합니다. 결과는 같습니다. #divCartHeader 뒤에 데이터가 추가되었습니다. 네, 처음 엔 divCartHeader가 비어 있습니다. – BumbleBee

+0

'CartHeader.cshtml'에는'divCartHeader'가 포함되어 있습니까? – Saranga

답변

1

질문에 대해 다소 혼란 스럽습니까? div id = "divCarHeader"에 클래스를 추가하려고합니까? 그렇다면 jquery addclass 메소드를 사용할 수 있습니까?

$('#idOfItemYouWantToAddAClassTo').addClass("class you want to add")? 이 당신을 위해 무엇을 찾고있는없는 경우

-

+0

혼란스러운 죄송합니다. 질문을 업데이트했습니다. CartHeader.cshtml 클래스를 추가하고 싶었습니다. – BumbleBee

1

이 사업부에 CartHeaderstickyDetailReportCartHeaderCartViewNoHeader 클래스를 적용하려면 내 오해 :)를 명확히하기 위해 추가로 의견을 간단하게 사용

$('#divCartHeader').addClass('CartHeader stickyDetailReportCartHeaderCartViewNoHeader'); 

편집을 : 좋아 , 질문에 대한 설명과 편집이 끝나면, 당신이하고 싶은 것이 조금 더 분명하다고 생각합니다. 그래서, 올바르게 이해한다면, CartHeader.cshtml의 내용을 pagingLinkHelperPartial.cshtml 페이지에있는 특정 div에 삽입하고 싶습니다.

<div id="divCarHeader"> 
    <iframe src="CartHeader.cshtml"></iframe> 
</div> 
+0

죄송합니다. 질문을 업데이트했습니다. CartHeader.cshtml 클래스를 추가하고 싶었습니다. – BumbleBee

+0

@BumbleBee 내 업데이트 된 응답이 도움이되는지 확인해주세요. – Sid