jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-mobile – 带有前一页后退按钮的jQuery Mobile NavBar大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在iPhone上,如果顶部有一个NavBar,则会有一个后退按钮.

而不是说“返回”它没有上一页标题.

所以你可能会说“结账”页面. NavBar的标题是“checkout”,按钮可能是“Books”.

单击“Books”按钮可以返回上一页.

如何在jQuery mobile中实现这一点,而不需要在后退按钮的名称中进行编码,因为您可能从不同的路径到达该页面

编辑

我知道我可以在页面上这样做;

<div data-role="page" id="pageViewChALLENges" data-add-BACk-btn="true" data-BACk-btn-text="prevIoUs">

但这使按钮文本“上一个”而不是页面名称.

解决方法

你可以用
< a href =“previuos_page.html”id =“bkbtnid”data-icon =“BACk”> Books< / a>

(如果你使用外部页面)

<a href="#Id_of_prevIoUs_page" id="bkbtnid" data-icon="BACk">Books</a>

(使用内部页面时)

这是自定义后退按钮的简单设置,如果你想将前一页标题作为后退按钮,那么只需通过jquery方法获取后退按钮的标题,并在后面的按钮title.IF你可以得到上一页标题然后在页面显示上设置它使用jquery获取后退按钮的id,如下所示:

$('#MaterialAndQuantityDetails')
        .live(
                'pagebeforeshow',function() {
                    // page header Management
                    $('#bkbtnid').html("");
                    $('#bkbtnid').html(BACkButtontext);
 });

如果您正在虑如何获得上一页标题,那么在之前的“pagehide”上编写代码

var BACkButtontext = document.getElementById('prevIoUs_page_header_id').value;

这里BACkButtontext是用于设置后退按钮文本的全局变量.

大佬总结

以上是大佬教程为你收集整理的jquery-mobile – 带有前一页后退按钮的jQuery Mobile NavBar全部内容,希望文章能够帮你解决jquery-mobile – 带有前一页后退按钮的jQuery Mobile NavBar所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。