Javascript 如何在页面加载时打开对话框_Javascript_Jquery_Jquery Mobile_Cordova

Javascript 如何在页面加载时打开对话框

javascript jquery jquery-mobile cordova

Javascript 如何在页面加载时打开对话框,javascript,jquery,jquery-mobile,cordova,Javascript,Jquery,Jquery Mobile,Cordova,我正试图在jquery移动屏幕的页面加载上打开一个对话框。现在我可以在单击按钮时打开对话框。我希望在页面加载时自动弹出对话框，但无法这样做。这是HTML <body onload="onLoad()"> <p style="display: none>You have entered: <span id="dialogoutput"></span></p> <a href="#" id="dialoglink" dat

我正试图在jquery移动屏幕的页面加载上打开一个对话框。现在我可以在单击按钮时打开对话框。我希望在页面加载时自动弹出对话框，但无法这样做。这是HTML

 <body onload="onLoad()">

 <p style="display: none>You have entered: <span id="dialogoutput"></span></p>

 <a href="#" id="dialoglink" data-role="button" style="display: none>Open Dialog</a>

 <!-- Contacts list page -->
 <div data-role="page" id="cont_list_page" data-theme="a">        
 <div data-role="header" data-position="fixed" data-tap-toggle="false">
 </div>
 </div>
 </body>


尝试使用$（document.ready（function（）{}）

您可以按如下方式在jquery代码中启动单击
$('#simplestring').click();

在页面加载时编写此语句。它将从代码内部触发click，就像click处理程序一样，它将打开对话框：）
函数onLoad（）
{ 
openDialogBox（）；
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
$（“#searchby_chooser_ok_button”）.bind（“单击”，searchByCriteria）；
如果（联系人类型==“未定义”）{
getElement（“联系人列表”）.innerHTML=“Cordova联系人API不可访问””；
}
}
函数openDialogBox（）
{ 
$（“#simplestring”）.simpledialog({
'模式'：'字符串'，
'提示'：'请输入您的手机号码。'，
“按钮”：{
“好的”：{
单击：函数（）{
$（'dialogoutput'）.text（$（'dialoglink'）.attr（'data-string'））；
}
},
“取消”：{
单击：函数（）{}，
图标：“删除”，
主题：“c”
}
}
})
} 
$（document）.ready（函数（）{..对话框在此处打开代码..}）；您使用的是哪个jQM版本？@Omar我使用的是1.2.0。它已经过时，不再维护，请升级到1.4.5。是否要在显示对话框之前或显示对话框时在页面加载上显示该对话框？首先至少更新jQM版本1.4.4如何再次使其可见，因为我已将HTML设置为无；？您可以将与对话框相关的代码放入函数中，并可以在document.ready和on click事件侦听器中调用该函数。它在移动设备中不起作用。让我再次更新我的帖子？请查看我更新的帖子。我已共享了代码。我可以将您的代码放入其中，以便我可以看到页面加载上的对话框。我正在发布新答案放下。请看它，我试过了，但遇到了一些问题。我得到的不是这个对话框，而是其他的对话框
$(document).ready(function()
{
  $("#simplestring").simpledialog({
    'mode' : 'string',
    'prompt' : 'Please Enter Your Mobile No.',
    'buttons' : {
      'OK': {
        click: function () {
          $('#dialogoutput').text($('#dialoglink').attr('data-string'));

          //get the Value Entered 
          //Create a Sqlite Database and table 
          //Insert it there 

        }
      },
      'Cancel': {
        click: function () { },
        icon: "delete",
        theme: "c"
      }
    }
  })
});

$('#simplestring').click();

function onLoad() 
{ 
  openDialogBox();  
  document.addEventListener("deviceready", onDeviceReady, false);
  $("#searchby_chooser_ok_button").bind ("click", searchByCriteria); 

 if (typeof Contact === "undefined") {
    getElement("contacts_list").innerHTML = "<p>The Cordova Contacts API is  inaccessible</p>";
 }
}

function openDialogBox()
{ 
  $("#simplestring").simpledialog({
    'mode' : 'string',
    'prompt' : 'Please Enter Your Mobile No.',
    'buttons' : {
    'OK': {
       click: function () {
         $('#dialogoutput').text($('#dialoglink').attr('data-string'));
       }
     },
     'Cancel': {
       click: function () { },
       icon: "delete",
       theme: "c"
      }
     }
   })
 }