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>