Question

我正在尝试打开一个对话框在页面加载jquery Mobile屏幕。现在我可以打开对话框上的按钮点击。我希望对话框在页面加载时自动弹出但不能做它。这是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>

这是我的jquery ..

function onLoad() { 
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>";
}
}

请帮我自动弹出“页面加载对话”而非“按钮点击”事件。感谢

Answer 1

尝试使用$(document).ready(function(){})

$(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"
      }
    }
  })
});

Answer 2

您可以点击jquery代码中的点击

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

在页面加载时写下此语句。它将从代码内部触发单击，并且当单击处理程序执行时，它将打开对话框：）

Answer 3

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"
      }
     }
   })
 }

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

3 个答案: