【问题标题】:Override jQuery Mobile's default back button behaviour, then restore it覆盖 jQuery Mobile 的默认后退按钮行为,然后恢复它
【发布时间】:2012-10-02 01:40:43
【问题描述】:

我的网站上有一个页面列出食谱,另一个页面详细说明了食谱。我想做的是将这两个页面合并为一个,当从列表中选择一个食谱时,让列表淡出并让食谱动画化。

当显示配方的详细信息时,我想覆盖后退按钮单击处理程序以动画显示详细信息,并淡入配方列表。转换完成后,我希望恢复 JQM 的默认后退按钮行为。

我可以很容易地管理列表和详细信息之间的转换,但是有谁知道我如何在不破坏网站其余部分的情况下使用后退按钮处理程序?

问候,

克里斯

更新

我所说的后退按钮是指浏览器的后退按钮,或 Android 设备上的硬件后退按钮。

【问题讨论】:

    标签: jquery web-applications jquery-mobile


    【解决方案1】:

    您可以尝试捕获touchstart 事件并在其上使用e.preventDefault()

    【讨论】:

    • 我不确定我是否理解 touchstart 如何与浏览器的后退按钮一起使用。
    • 如果你将监听器添加到返回按钮,这将阻止默认事件,jQuery 的点击事件可能不会被调用。
    • 据我所知,没有办法选择浏览器的后退按钮。可以选择 JQM 生成的后退按钮,但是浏览器的后退按钮在 DOM 中不存在。
    • 我以为你在谈论 DOM 后退按钮。您需要创建一个带有自定义转换的页面,以便 jQuery Mobile 将历史记录条目添加到浏览器。
    猜你喜欢
    • 2021-10-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多