交換兩頁，有一個靜態

我有三個網頁A，B，C，我想從右換到B再回去，和交換從左側到C再回去...... 我新來的jQuery移動和JavaScript，我已經嘗試了很多的腳本，但他們非做的工作，這裏是我的JS和HTML交換兩頁，有一個靜態

<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="jquery.mobile-1.4.1.min.css"> 
<script src="jquery-1.10.2.min.js"></script> 
<script src="jquery.mobile-1.4.1.min.js"></script> 
<script src="jquery-1.9.1.min.js"></script> 
<script src="jquery.mobile-1.3.1.min.js"></script> 

</head> 
<body> 

<div data-role="page" id="page1" > 
    <div data-role="header"> 
    <h1>page1</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <p>page1</p> 
    </div> 

    <div data-role="footer"> 
    <h1>swap</h1> 
    </div> 
</div> 


<div data-role="page" id="page2"> 
    <div data-role="header"> 
    <h1>page2</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <p>page2</p> 
    </div> 

    <div data-role="footer"> 
    <h1>swap</h1> 
    </div> 
</div> 

<div data-role="page" id="page3"> 
    <div data-role="header"> 
    <h1>page3</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <p>page3</p> 
    </div> 

    <div data-role="footer"> 
    <h1>swap</h1> 
    </div> 
</div> 

</body> 
</html>

<script> 

    $(document).on('swiperight swipeleft', function(event) { 
    if (event.type == 'swiperight') { 

     if(id == 'page1'){ 
      $.mobile.changePage("#page3"); 
     } 
     else 
     { 
     $.mobile.changePage("#page1"); 
     } 
    } 
    if (event.type == 'swipeleft') { 
     if(id == 'page1'){ 
      $.mobile.changePage("#page2"); 
     } 
     else 
     { 
     $.mobile.changePage("#page1"); 
     } 

    } 
    }); 
    </script>

來源

2014-02-19 Safa' a Kiwan

你爲什麼包括JQM 1.3＆1.4和jQuery 1.10 1.9？ – Omar

添加在頁頭＃2頁和第三頁＃

0123的

的Javascript

$(document).on('swiperight swipeleft', "#page1", function(event) {  
    if (event.type == 'swiperight') { 
    $.mobile.changePage("#page2"); 
    } 
    if (event.type == 'swipeleft') { 
    $.mobile.changePage("#page3"); 
    } 
});

來源

2014-02-19 09:06:56 Ved

我重複代碼的所有網頁和它的作品，但我仍然有我需要每次刷新頁面響應的觸摸 –

你不能刷新頁面，在此EXA的一個問題。您可以使用ajax電話和任何事件刷新您的內容。 – Ved

thx很多，但你能解釋怎麼做嗎？ –

交換兩頁，有一個靜態

回答

相關問題