如何解决jquerymobile下一页按钮
| 我试图在标题中创建一个按钮以显示下一页。<a href=\"#test\" data-theme=\"b\" data-rel=\"next\" data-role=\"button\">Next</a>
有一个data-role = page div具有id#test,但是当我单击下一个btn时,它在url中显示了类似的内容
/index.html#home&ui-state=dialog
尽管没有打开任何页面,但是我可以通过在结尾的浏览器网址栏#test中手动输入来打开该页面。
解决方法
这应该对您有帮助:AJAX请求帮助下一页/上一页
实时示例:http://jsfiddle.net/Jaybles/MawSB/
var currentPage = 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。