交换两页，有一个静态

我有三个网页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很多，但你能解释怎么做吗？ –

交换两页，有一个静态

回答

相关问题