通过JS函数打开JqueryMobile对话框

时间:2014-04-23 07:58:59

标签: javascript jquery jquery-mobile

我试图通过JS函数打开一个Jquery Mobile对话框,但它不适用于我 这是函数

function showSettings()
{
 document.getElementById('settings').style.display = 'none';
 document.getElementById('passwordView').style.display = 'block';
 $.mobile.changePage('#myPopupDialog', 'pop', true, true);
}

这里是jsFiddle 的 http://jsfiddle.net/7C8Lw/

1 个答案:

答案 0 :(得分:2)

您必须区分 Dialog Popup 小部件。 对话框页面,但是是对话框的形状。因此, Dialog div应放在页面div之外。

<div data-role="page">
  <!-- content -->
</div>

<div data-role="dialog">
  <!-- content -->
</div>
  

<强> Demo