android - jQuery.mobile 弹出窗口在显示后立即隐藏

Question

我有一个带有 jquery mobile 和 backbone 的小型 phonegap 应用程序。我试图通过手动调用 .popup() 方法向用户显示弹出窗口。

在 iOS 上一切正常，但在 Android 上我遇到了一个奇怪的问题:弹出窗口显示了片刻然后消失了。

这里是实际代码:

var PostView = Backbone.View.extend({
  events: {
    'touchend .add-comment-button': 'addComment'
  },
  addComment: function() {

    this.$(".comment-popup").popup('open', { history: false });

    return false; // Stop bubbling.
  }
});

我使用 history: false 因为这个弹出窗口实际上是子页面的一部分。代码看起来很简单，我只是不明白为什么它会消失，以及为什么这种情况只发生在 android 设备上。

谢谢，抱歉我的英语不好。

Answer 1

我花了几个小时试图解决这个问题。

最后我做了以下两件事似乎解决了这个问题。

1 - 使用未压缩的 jqm 文件。即 jquery.mobile.1.2.0.js

2 - 我使用“点击”选项以编程方式触发弹出窗口 - 一旦更改为“点击”选项，它就起作用了。

$('.option').live('click', function() {
    $('#popup-div').popup('open');
});