JQuery 제거가 제대로 작동하지 않습니다.

Question

$('element').remove();이 작동하지 않는 문제가 있습니다. 문법 문제가 있고 클릭이 버튼에 올바르게 등록되지 않은 경우 많은 다른 답변을 읽었습니다.

다른 문제가 있습니다. 클릭이 작동하지만 제거 된 유일한 것은 newRowDiv입니다.

그것은 <newRowDiv><child><child><child></newRowDiv> 을 시작하고 끝 <child><child><child> newRowDiv가 없어하지만 아이들이 그냥 남아 있습니다. 코드 스 니펫 (snippet)가 실행 :이 내 코드

buildRows = function(){ 
 
      //Adds the new div to the placement div 
 
      var placementDiv = $('#placementDiv'); 
 
      placementDiv.append("<div class='newRowDiv'></div>"); 
 
      //Adds the child elements to the new div 
 
      var newRowDiv = $(".newRowDiv:last"); 
 
      newRowDiv.append("<label>Title</label>"); 
 
      newRowDiv.append("<input>"); 
 
      newRowDiv.append("<a id='plusButton'>Plus</a>"); 
 

 
      //Adds the click event to the new plus button (Works fine) 
 
      newRowDiv.find('#plusButton').click(function (event) { 
 
       var button = $(event.target); 
 
       //Adds the delete button (Works fine) 
 
       var newRowDiv = button.parent('.newRowDiv'); 
 
       newRowDiv.append('<a id="deleteButton">Delete</a>'); 
 
       //Adds the click event to the button (Works fine) 
 
       newRowDiv.find('#deleteButton').click(function (event) { 
 
        //Removes the parent newRowDiv and all child elements (Doesn't work) 
 
        var button = $(event.target); 
 
        button.closest('.newRowDiv').remove(); 
 
       }); 
 

 
       //Removes the plus button (Works fine) 
 
       button.remove(); 
 

 
       //Adds the new rows section (Works fine) 
 
       buildRows(); 
 
       //Without this the new elements don't display correctly 
 
       //With this the remove only removes the element and leaves it's children behind 
 
       placementDiv.trigger('create'); 
 
      }); 
 
     } 
 
buildRows()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="placementDiv"> 
 
    </div>

편집하는 일에 대해 인 trigger('create')

을 추가 할 때까지 이상한 것은 코드가 잘 작동합니다. 나는 단지 jquery 모바일 형식을 추가하는 트리거 ('생성')를 실행할 때 내 물건에 문제가 있습니다.

편집 2 : jquery 모바일의 팝업 형식과 관련이있는 것으로 보입니다. 팝업없이 코드 스 니펫에서 제대로 작동하고 트리거 ('생성')를 추가하기 전에 원래 코드에서 올바르게 작동합니다.

Answer 1

.click() 대신 .delegate()를 사용해보십시오.