jquery - JQuery Mobile Popup 没有出现

Question

我正在使用 JQueryMobile 1.2.0。

我想以编程方式显示弹出窗口，所以我有以下内容：

$('#btn').on('click',function(){
    alert('this is ok');
    $('#popupBasic').popup();

});

在 JQM 页面中：

<div data-role="popup" id="popupBasic">
    <p>This is a completely basic popup, no options set.<p>
</div>

但是弹出窗口没有出现。有什么解决办法吗？谢谢

Answer 1

在 jQueryMobile 中打开一个弹出窗口需要您

1. 调用open方法$('#popupBasic').popup("open");
2. 只需使用超链接导航到它，例如<a href="#popupBasic" data-rel="popup" data-transition="slidedown" >Slide down the popup</a>

Answer 2

这是一个工作示例：http: //jsfiddle.net/Gajotres/YMXgv/

<a href="#" data-transition="none" data-role="button" data-inline="true" data-rel="popup" id="testButton">Popup example</a>  


$('#testButton').bind('click', function(e) {
    $("#popupBasic").popup("open")
});