중복 아약스 콘텐츠

Question

jquery mobile (knockout)에서 중복 아약스 콘텐츠에 문제가 있습니다. 문제는 양식을 시작하는 버튼과 모든 프로세스를 다시 호출 할 때 버튼을 다시 호출 할 때 시작됩니다. 예제 코드 :

  <div data-role="header" data-theme="c"> 
       <a data-bind="click: headerBackBtn" data-role="button">Back</a> 
       <h1> 
        Header title 
       </h1> 
      </div> 
      <div data-role="content"> 
       <form id="form" name="form" data-bind="visible: form"> 
         <label for="name">Name:</label> 
         <input type="search" name="name" id="name"/> 
         <button data-bind="click: toFirstContent" data-icon="search">Search</button> 
       </form> 

       <!-- first content --> 
       <div class="div-1" id="div-1" data-bind="visible: div-1"> 
        <a data-bind="click: toSecondContent"> 
         Link 
        </a> 
       </div> 

       <!-- second content --> 
       <div class="div-2" id="div-2" data-bind="visible: div-2"> 
        Text 
       </div> 
      </div> 
      <div data-role="footer" data-theme="c"> 
       <h4>footer</h4> 
      </div> 

self.headerBackBtn = function() { 
     if (self.div-2()) { 
      self.div-2(false); 
      self.div-1(true); 
      return; 
     } 
     if (self.div-1()) { 
      self.div-1(false); 
      self.form(true); 
      return; 
     } 
    }; 

Answer 1

솔루션 http://api.jquery.com/remove/입니다. 모든 요소에 대해 새로운 요소를 가져 오는 함수를 호출하기 전에 class = "removeItem"을 놓은 다음 $ (". removeItem"). remove()를 호출하십시오.