jquery html result가 대상 div를 바꾸거나 내용을 추가하지 않습니다.

Question

javascript에서 성공한 동작에서 div로 콘텐츠 ID를 주입하고 있습니다. Layout.cshtml보기 페이지

$.ajax({ 
      url: formatUrl('/MyController/MyActionMethod'), 
      type: 'POST', 
      contentType: 'application/json', 
      data: JSON.stringify({ id: target }), 
      success: function (result) { 
        $("#myPopUp").html(result); 
        $("#myPopUp").popup("open"); 
      }, 
      error:... 
     }); 

나는 DIV

<div id="myPopUp" data-role="popup"> 
     <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>   
    </div> 

팝업 콘텐츠 벌금을 렌더링하지만, 팝업 창 닫기 버튼 않고 있습니다.

제 질문은 자바 스크립트에서 #myPopUp으로 결과를 보내면 <div id="myPopUp" .. /> 태그 아래에 있으므로 <a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> 콘텐츠를 덮어 씁니다.

Answer 1

.html()은 <> dom 요소를 덮어 씁니다.

.append()는 #myPopUp에 추가하여 <> 요소의 형제가되도록합니다.