Question

我是jquery及其插件的新手......还有第一次创建问题......对于任何错误，请帮助我改进......

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

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

但它没有按预期工作。

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

我无法识别我的代码是否存在问题，或者这些浏览器是否存在任何插件支持问题......

请帮助我......理解这一点。如果你已经使用过这个插件任何帮助将不胜感激。
当我们的html表单名称类似时，会出现此问题.http：//abc/def.html？search_form_id = 30＆amp; keyword = denim＆amp;的submit_btn =搜索＃/ mobile_app / search_action.html关键字=牛仔＆安培; search_form_id = 90＆安培;的submit_btn =搜索＆安培;组= 1＆安培; page_no = 1

HTTP：？//abc/def.html search_form_id = 30安培;关键字=牛仔＆安培;的submit_btn =搜索＃/ mobile_app / search_action.html关键字=牛仔＆安培; search_form_id = 90＆安培;的submit_btn =搜索和;组= 1＆安培; page_no = 2

HTTP：// ABC / def.html search_form_id = 30＆安培;关键字=牛仔＆安培;？的submit_btn =搜索＃/ mobile_app / search_action.html关键字=牛仔＆安培; search_form_id = 90＆安培;的submit_btn =搜索＆安培;组= 1＆安培; page_no = 3

HTTP：？//abc/def.html search_form_id = 30＆安培;关键字=牛仔＆安培;的submit_btn =搜索＃/ mobile_app / search_action.html关键字=牛仔＆安培; search_form_id = 90＆安培;的submit_btn =搜索＆安培;组= 1＆安培; page_no = 4 <无线电通信这些名称仅与1个参数t不同hat是 page_no ，这些网址是动态生成的。 这是我的代码。我使用的是perl语言。
在这种情况下，我无法使用jquery移动分页插件。
我的$ current_page = $ form_data {page_no} || 1;
我的（$ prev_p，$ next_p）;
如果（$ current_page＆gt; 1）{
$ prev_p = $ current_page - 1;
}其他{
$ prev_p = $ current_page;
} $ next_p = $ current_page + 1;
＆lt; \ ul data-role =“pagination”＆gt;＆lt; \ li class =“ui-pagination-prev”＆gt;＆lt; \ a href =“/ mobile_app / search_action.html？keyword =＆lt;％$ keyword％＆gt;＆amp; search_form_id = 30＆amp; submit_btn = Search＆amp; set = 1＆amp; page_no = ＆lt;％$ prev_p％＆gt;“＆gt; Prev \＆lt; / li＆gt;
＆lt; \ li class =”ui-pagination-next“＆gt;＆lt; \ a href =”/ mobile_app / search_action.html ？keyword =＆lt;％$ keyword％＆gt;＆amp; search_form_id = 30＆amp; submit_btn = Search＆amp; set = 1＆amp; page_no =＆lt;％$ next_p％＆gt;“＆gt; Next＆lt; / a＆gt;＆lt; / li＆gt;
＆lt; / ul＆gt;
现在请帮助......

Answer 1

您可能忘记在上一页按钮中关闭标记

    <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>

Answer 2

我在jquery移动文档中找到了this。在详细介绍中，我将重点介绍最后一段“在页面之间传递参数”。

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

jquerymobile中的分页无法按预期工作

2 个答案: