jQuery mobile close popup

时间:2013-01-12 21:06:09

标签: jquery-mobile

我正在尝试使用下面代码中的按钮关闭弹出窗口。但是,当我调用close函数时,它似乎不起作用:

 $('#popupBasic').popup("close");

这是html代码:

<a href="#popupBasic" id="StopButton" data-rel="popup" data-role="button" data-theme="a" onclick="getLocation2(); Workoutdistance();" data-inline="true" class="">Stop</a>

<div data-role="popup" id="popupBasic">
    <a href="" data-role="button" onclick="database()" data-inline="true" data-theme="a">Submit to DB</a> 
</div>

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

您可以添加此代码,因此x-icon(关闭)将显示在弹出窗口的右上角

<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
下方

<div data-role="popup" id="popupBasic">
    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
    <a href="" data-role="button" onclick="database()" data-inline="true" data-theme="a">Submit to DB</a> 
</div>

答案 1 :(得分:0)

原来我两次引用jQuery脚本。它现在完美无缺。