래칫의 push.js 양식이 재로드 페이지를 제출하고 div를 대체하는 push.js를 엉망으로 만듭니다.

ratchet.js (및 해당 push.js)를 사용하여 웹 응용 프로그램을 개발 중이며 매우 기본적인 문제가 있습니다. 내 CSS 코드는 세 개의 열에 한 페이지에 요소를 배치합니다. 사용자는 탐색 바 버튼을 클릭하여 다음 페이지로 이동할 수 있습니다. 다음 페이지로 이동하면 사용자가 무언가를 검색 할 수 있습니다. 검색을 위해 양식을 통해 처리하고 jquery를 사용하여 양식을 제출할시기를 감지합니다. 그러나 양식을 제출하면 페이지가 다시로드되고 push.js가 제대로 작동하지 않습니다. 이런 일이 발생하고 사용자가 첫 페이지로 돌아 가기 위해 클릭하면 두 번째 페이지의 콘텐츠 div로 둘러싸인 CSS가 제대로 작동하지 않습니다. 내 질문 : 페이지를 다시로드하지 않고 양식을 제출하는 방법이 있습니까 (jquery의 event.preventDefault()가 작동하지 않습니다)? 그렇지 않다면 push.js를 사용하고 전환이 완료되면 페이지를 다시로드 할 수 있습니까?래칫의 push.js 양식이 재로드 페이지를 제출하고 div를 대체하는 push.js를 엉망으로 만듭니다.

기본 코드 예제 : 페이지 1 ----

<body> 
     <div class="content"> 
      <div class="sliderBackground" id="sliderContainer" style="background: black; height: 40px; width: 100%;"> 
       <div id="left">random left</div> 
       <div id="center">random center</div> 
       <div id="right">random Right</div> 
      </div> 
     </div> 
    </body>

페이지 2

<body> 
     <div class="content"> 
      <form id="search"> 
       <input type="search" id="searcher" placeholder="Search" style="width: 95%;"> 
      </form> 
     </div> 
    </body> 

    necessary imports (jquery etc) 

    <script type="text/javascript"> 
     $("#search").submit(function(event) { 
       event.preventDefault(); // does not do anything (push.js... reloads page) 
     }); 

    </script>

내 문제를 반복하는, 링크 (기본 코드에서 도시하지 않음)에 사용자가 클릭 push.js를 사용하여 2 페이지의 2 페이지로 이동하십시오. 페이지가 재로드되지 않아야하는 곳 (예 : 검색 쿼리를 활용하기 위해 아약스를 사용 중입니다)에서 확실합니다. 사용자가 돌아 가면 왼쪽, 가운데, 오른쪽 CSS가 작동하지 않습니다. 다음 (반환 거짓과 마무리를)하려고하면 어떻게

출처

2013-06-23 Darth Maul

콘텐츠 안에 javascript를 놓으려고 했습니까? – Nimo

<script type="text/javascript"> 
    $("#search").submit(function(event) { 
      event.preventDefault(); // does not do anything (push.js... reloads page) 
      // your logic here 

      return false; 
    }); 

</script>

출처

2014-07-14 09:20:37 vitrus

이 늦게 아마 조금있다가하지만 문제는 실행하지 않는 푸시에 의해로드 페이지에서 해당 스크립트 태그라고 생각합니다.

e.e. 2 페이지의 코드가 전혀 실행되지 않습니다.

출처

2014-08-20 17:11:06

래칫의 push.js 양식이 재로드 페이지를 제출하고 div를 대체하는 push.js를 엉망으로 만듭니다.

답변

관련 문제