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")
});