jquerymobile 中的分页未按预期工作答案

【问题标题】：Pagination in jquerymobile is not working as expectedjquerymobile 中的分页未按预期工作
【发布时间】：2012-07-04 21:55:20
【问题描述】：

我是 jquery 和他们的插件的新手...并且也是第一次创建问题...如有任何错误请帮助我改进...

我正在为我的网站使用 jquerymobile。在我的网站中，有一个搜索字段会产生大量记录，所以我想使用分页来显示我的结果...

我使用了[JQuery Mobile Pagination Plugin。][1]

但它没有按预期工作。

在android浏览器中，它在两个页面后停止拖动..在我运行代码浏览器时在opera浏览器中挂起......

我无法确定是我的代码有问题还是这些浏览器有任何插件支持问题...

请帮助我...理解这一点。如果您已经使用过这个插件。
任何帮助将不胜感激。
    当我们的 html 表单名称类似时会出现此问题
    http://abc/def.html?search_form_id=30&keyword=denim&submit_btn=Search#/mobile_app /search_action.html?keyword=denim&search_form_id=90&submit_btn=Search&set=1&page_no=1

    http://abc/def.html?search_form_id=30&keyword=denim&submit_btn=Search#/mobile_app/search_action.html?keyword=denim&search_form_id =90&submit_btn=Search&set=1&page_no=2

    http://abc/def.html?search_form_id=30&keyword=denim&submit_btn=Search#/mobile_app/search_action.html?keyword=denim&search_form_id=90&submit_btn=Search&set=1&page_no=3

    http://abc/def.html?search_form_id=30&keyword=denim&submit_btn=Search#/mobile_app/search_action.html?keyword=denim&search_form_id=90&submit_btn=Search&set=1&page_no=4

    这些名字仅与 1 个参数不同，即 page_no 并且这些 url 是动态生成的。 这是我的代码。我正在使用 perl 语言。
   在这种情况下，我无法使用 jquery 移动分页插件。
    我的 $current_page = $form_data{page_no} || 1;
    我的 ($prev_p,$next_p) ;
    if($current_page > 1) {
     $prev_p = $current_page - 1;
    }
    else {
    $prev_p = $current_page;
    }
    $next_p = $current_page + 1;
    &search_form_id=30&submit_btn=Search&set=1&page_no=">上一个\
    &search_form_id=30&submit_btn=Search&set=1&page_no=">下一个

    现在请帮忙...

【问题讨论】：

圣椭圆。你有什么问题？您需要提供更多详细信息，而不是“它没有按预期工作”。
基本上，我想知道为什么当我在移动设备上运行代码时移动浏览器会挂起......而在桌面上它工作正常......
“请帮助现在...”真的吗？有点粗鲁没有？
它不粗鲁......对不起..如果你觉得它粗鲁..我只想发布细节没有别的......我的意图不是粗鲁..

标签： jquery mobile jquery-pagination

【解决方案1】：

您可能忘记在 Prev 按钮中添加标签

    <ul data-role="pagination">
        <li class="ui-pagination-prev">
            <a href="/mobile_app/search_action.html?keyword=<% $keyword %>&search_form_id=30&submit_btn=Search&set=1&page_no=<% $prev_p %>">Prev</a>
        </li>
        <li class="ui-pagination-next">
            <a href="/mobile_app/search_action.html?keyword=<% $keyword %>&search_form_id=30&submit_btn=Search&set=1&page_no=<% $next_p %>">Next</a>
        </li>
    </ul>

【讨论】：

【解决方案2】：

我在 jquery 移动文档中找到了this。具体来说，我关注最后一段“页面间传递参数”。

也许您的链接正在将参数传递到下一页，但 jquery 移动框架不喜欢这种方式

【讨论】：