jquerymobile下一页按钮

我正在尝试在标题中创建一个按钮以显示下一页。jquerymobile下一页按钮

<a href="#test" data-theme="b" data-rel="next" data-role="button">Next</a>

有一个数据角色=为页面的div编号测试，但是当我下一次点击BTN它显示的URL

/index.html#home&ui-state=dialog

这样的事情并没有网页是开放的，虽然我可以通过在浏览器网址栏#test中手动输入来打开该页面。

来源

2011-06-04 coure2011

这会帮助你：AJAX Request Help for next/previous page

活生生的例子：http://jsfiddle.net/Jaybles/MawSB/

VAR当前页= 1; loadCurrentPage（）;

$("#next, #prev").click(function(){ 
    currentPage= ($(this).attr('id')=='next') ? currentPage + 1 : currentPage - 1; 

    if (currentPage==0) 
     currentPage=1; 
    else if (currentPage==101) 
     currentPage=100; 
    else 
     loadCurrentPage(); 
}); 

function loadCurrentPage(){ 
    $('input').attr('disabled','disabled'); 
    $('#displayResults').html('<img src="http://blog-well.com/wp-content/uploads/2007/06/indicator-big-2.gif" />'); 

    $.ajax({ 
     url: '/echo/html/', 
     data: 'html=Current Page: ' + currentPage+'&delay=1', 
     type: 'POST', 
     success: function (data) { 
      $('input').attr('disabled',''); 
      $('#displayResults').html(data); 
     } 
    }); 
}

的Html

<input id="next" type="button" value="Next" /> 
<input id="prev" type="button" value="Previous" /> 
<div id="displayResults" name="displayResults"></div>

来源

2011-06-04 16:28:35

jquerymobile下一页按钮

回答

相关问题