有多个具有相同ID的按钮可以在Phonegap中绑定jquerymobile

时间:2013-07-18 12:08:50

标签: android jquery-ui jquery-mobile cordova

我的Phonegap安卓应用中有很多页面。有时候我想回到上一页。所以我打算在所有页面中添加一个后退按钮。在这种情况下,我需要有许多具有不同id的按钮,我需要将所有这些id与事件监听器绑定在一起。 为了解决这个问题,我可以为所有按钮使用相同的Id,因此我必须绑定唯一的id并在函数中执行require操作。或者建议我更好地克服这种情况。

1 个答案:

答案 0 :(得分:2)

首先,已经有一种简单的方法可以为页面添加后退按钮。只需添加此属性:

data-add-back-btn="true"
使用 data-role="page"

到您的网页div,jQuery mobile会自动生成一个后退按钮。

官方文档可在此处找到:http://jquerymobile.com/demos/1.2.1/docs/toolbars/docs-headers.html

工作示例:http://jsfiddle.net/jpJH4/

或者还有另一个解决方案,如果你想选择后退按钮的位置,你可以创建按钮并将这个属性添加到它们(不需要href):

data-rel="back"

它会自动作为后退按钮服务。

<a data-role="button" data-rel="back">Back</a>

工作示例:http://jsfiddle.net/fs3j3/