jquery 모바일에서 Ajax 전환

누군가이 질문에 대답 해 주시겠습니까? 여러 곳에서 질문했지만 답변을 얻을 수 없습니다.jquery 모바일에서 Ajax 전환

생각해보기 : 페이스 북 프로필에서 눈치 챘나요? 홈 페이지에서 계속 스크롤하면 뉴스 피드가 스크롤하면서 계속로드되지만 알림 아이콘 메시지 아이콘과 홈 아이콘으로 구성된 상단 막대는 공전. 친구의 뉴스 피드 만 다른 페이지 콘텐츠를 새로 고치지 않고 재생됩니다.

이것은 Ajax 전환입니다.

위의 예는 내가 내 페이지에서 원하는 것을 알 수 있도록 언급 한 것입니다.

jquery mobile을 사용하여 퀴즈 게임을 개발 중입니다. 각각 2 개의 팀이 있으며 각 팀에 X와 O 마커가 지정됩니다.

라디오 버튼 : TEAM -X와 TEAM -Y 페이지의 상단에있는 라디오 버튼 코드 : 그 아래

<div style="margin-left:510px;"> 
    <div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup" data-type="horizontal"> 
      <input type="radio" name="players" id="playerx"/> 
      <label for="playerx"><b>TEAM - X</b></label> 
      <input type="radio" name="players" id="playery"/> 
       <label for="playery"><b>TEAM - O</b></label>          
     </fieldset> 
    </div>    
</div>

다음 9 개 사각형의 시리즈, 이에 대한 코드 is :

<div id = "box"> 
     <li><br/> 
     <div style = "margin-left: 550px;"> 
<canvas id = "canvas1" width="50" height="50"  style="border:3px solid #3B6EA1" onclick="canvasClicked(1)"></canvas> 

    <canvas id = "canvas2" width="50" height="50" style="border:3px solid #3B6EA1" onclick="canvasClicked(2)"></canvas> 

    <!-- Similarly for rest of the 7 boxes --> 
     </div> 
     </li> 
    </div>

이하는 질문이며 코드는 다음과 같습니다. 이 질문은 상단 여백 아래 500px입니다. QUESTION CODE:

<div class = "questionHolder"> 
      <div class = "questionBorder"> 
       <h4 style = "color: #58CE2D; font-size: 21px;">Who tirelessly hacked in a garage, to give the world PHP?</h4> 
       <div class = "ui-grid-b"> 
        <div class = "ui-block-a"><a href = "#anagram1" data-rel = "dialog" style = "text-decoration:none;" ><button data-theme = "b" data-icon = "star">ANAGRAM</button></a></div> 
        <div class = "ui-block-b"><a href = "#answer1" data-rel = "dialog" style = "text-decoration: none;"><button data-theme = "b" data-icon = "check">ANSWER</button></a></div> 
        <div class = "ui-block-c"><a href = "#question2" style = "text-decoration: none;"><button data-theme = "b" data-icon = "forward">NEXT</button></a></div> 
       </div> 
      </div>

지금 나는이 같은 많은 질문 (HTML 페이지)가 있음을 고려한다. ques1.html, quest2.html ques3.html 등등이라고 말하십시오.

이 ques1.html, ques2.html 등은 단지 QUESTION CODE:만으로 구성되어 있습니다.

특정 질문에서 NEXT 버튼을 누를 때 quest2.html 또는 question3.html 만로드하려면 라디오 버튼 코드 또는 TIC-TAC_TOE 박스 코드를 새로 고치지 마십시오. 제발 이걸 안내 해줘. $ get() 메서드를 구현하는 데 정말로 문제가 있습니다. 내
페이지의 ajax-transition이 true로 설정되었습니다.

출처

2013-05-01 Swaroop Nagendra

적어도 하나는 대답하시기 바랍니다 또한 정확합니다 1 OMG –

'$ ('.target') .load ('page.html');','.target'은 새로로드 할 div입니다 html 파일. – Omar

Ohhhh 아니 아직 대답, 시간이 내가 이것을 삭제했습니다. 나는 이것을 위해 사회자에게 질문해야합니까 –

페이지에 HTML 코드를로드하려면 .load('file.html')을 사용하십시오.

$('.target').load('page.html');

.target는 #id.class하거나 또는 jQuery를 선택기 수있다.

출처

2013-05-02 12:42:45 Omar

jquery 모바일에서 Ajax 전환

답변

관련 문제