jQuery mobile close popup

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

原來我引用了兩次jQuery腳本。它現在完美。

Answer 2

您可以添加以下代碼，所以X-圖標（關閉）將出現在div下方的彈出

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