jquery mobile 使用button 超链接跳转
时间: 2023-10-10 10:11:44 浏览: 115
通过按钮实现网页跳转
在 jQuery Mobile 中,你可以使用超链接元素 `<a>` 来创建一个按钮,并使用 `data-role="button"` 属性来将其样式化为按钮。要实现超链接跳转,你可以使用 `href` 属性指定跳转的目标页面的 URL。
以下是一个示例代码:
```html
<a href="目标页面的URL" data-role="button">跳转</a>
```
确保将 "目标页面的URL" 替换为你要跳转的页面的实际 URL。
此外,你还可以使用 JavaScript/jQuery 来动态处理超链接的跳转行为。例如,你可以使用 `click` 事件监听器来处理点击超链接时的操作,并使用 `window.location.href` 来进行页面跳转。以下是一个示例代码:
```html
<a id="myButton" data-role="button">跳转</a>
<script>
$(document).on("click", "#myButton", function() {
window.location.href = "目标页面的URL";
});
</script>
```
同样,记得将 "目标页面的URL" 替换为你要跳转的页面的实际 URL。
这样,当用户点击按钮时,页面将会跳转到指定的目标页面。
阅读全文