Question

As the alert(“~”); is called, the user has to touch the screen first, and then he can do more operations on the screen.
But I use jQueryUI to create my customized jQueryUI dialog, and it won’t lock the screen… What can I do to implement this function.
UPDATE:

HTML:

<script type="text/javascript">
$(function() {
    $("#story_pages").dialog({
        autoOpen: false,
        height: 300,
        width: 600          

    });
});
</script>

Some event trigger:

$( '#story_pages').dialog("open");

I still click other button on the application.

Answer 1

I’m still not 100% clear but from your comments and description I think by ‘lock’ you mean when the dialog is presented you do not want the user to be able to interact with anything else on the page (until the dialog is dismissed). This is called a ‘modal dialog’.

In your parameters array you need to set modal to true:

$("#story_pages").dialog({
    autoOpen: false,
    height: 300,
    width: 600,        
    modal: true
});

See documentation for an example of what this does and what the code should look like.