相关疑难解决方法(0)

如何在JQuery Mobile中更改页面时传递参数?

我已经搜索了stackoverflow但没有找到一个合适的解决方案来以编程方式更改jqm页面并传递一个(get)参数.我是jqm的新手,所以也许我在使用changePage()函数传递数据时遇到了问题.

使用jquery mobile 1.1.1和jquery 1.8.0

我有一个列表,并希望所有项目都指向同一个#profile页面.在那个页面上我想用ajax/json加载适当的数据.

<ul data-role="listview" data-theme="a">
   <li><a href="#profile">Martin</a></li>
   <li><a href="#profile?id=2">Johnny</a></li>   
   <li><a href="#" onclick="changePage()">Luke</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

第一个链接工作,但没有id传递(显然)

第二个链接不工作抛出异常(在chrome中):未捕获错误:语法错误,无法识别的表达式:#profile?id = 3

第三个链接使用此功能:

function changePage() {
            $.mobile.changePage("#profile", { data: {id:1} });
            //alert('page changed.'); 
            return false;
        }
Run Code Online (Sandbox Code Playgroud)

它会更改页面但是url是basefile.html?id = 1但它应该是basefile.html #profile?id = 1

任何人都可以帮忙吗?非常感谢.

jquery jquery-mobile

8
推荐指数
1
解决办法
3万
查看次数

标签 统计

jquery ×1

jquery-mobile ×1