Как создать и открыть диалоговое окно Динамически при загрузке страницы

Question

Я пытаюсь создать и открыть диалоговое окно динамически и автоматически при загрузке страницы на странице jquery mobile, но не в состоянии это сделать. Думаю, что я пропускаю какую-то вещь но не в состоянии получить что .. Вот мой JQuery код и функция, которая вызывается на PageLoad ..

function onLoad() { 

openDialogBox1(); 

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 openDialogBox1(){ 
$("#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" 
    } 
} 
}) 
} 

Пожалуйста, помогите мне исправить мою ошибку ..Thanks ..

Answer 1

попробуйте изменить эту строку :

document.addEventListener("deviceready", onDeviceReady, false); 

этим:

document.addEventListener("deviceready", openDialogBox1, false); 

Answer 2

Поскольку вы используете JQuery вы можете попробовать это:

$(document).ready(function(){ 

    openDialogBox1(); 

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