jquery-mobile - jQuery 移动关闭弹出窗口

Question

我正在尝试使用下面代码中的按钮关闭弹出窗口。但是，当我调用 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>

有任何想法吗？

Answer 1

您可以添加此代码，因此 x 图标（关闭）将出现在弹出窗口的右上角

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

低于 div

<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>

Answer 2

原来我引用了 jQuery 脚本两次。它现在完美运行。