Initialisierung code mit pageInit() in jQuery Mobile

Ich bin versucht zu initialisieren javascript für jQuery mobile-Seite mit der pageInit () - Funktion. Ich skizziert habe einige versuche unten, dass ich kann nicht scheinen, um zu arbeiten. Kann einer mir sagen was ich falsch mache. Auch ist es eine Möglichkeit, dies zu tun mit $(this) statt über die Seiten expliziten Namen?

pageInit.html:

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css"
    />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://jqueryui.com/ui/jquery-1.7.1.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.position.js"></script>
    <script src="http://jqueryui.com/ui/jquery.ui.autocomplete.js"></script>
    <script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js"
    type="text/javascript"></script>
    <script src="functions.js"></script>
</head>

<body>
    <script>
        alert("script");
        $(this).live('pageinit', function (event) {
            //$('pageInit.html').live( 'pageinit',function(event){
            //$('#pageInit').live( 'pageinit',function(event){
            //$('#pageInit.html').live( 'pageinit',function(event){
            alert("Page Initialized");
        });
    </script>
</body>

InformationsquelleAutor Ben Pearce | 2012-08-03
  1. 1

    Den pageinit - Ereignis ausgelöst wird, auf das Dokument. Es macht keinen Sinn live entweder. Stattdessen würde ich bind. Zum Beispiel:

    $(document).bind('pageinit', function (event) {
        alert("Page Initialized");
    });

    Werfen Sie einen Blick auf die jQuery-mobile-Dokumentation für weitere Informationen.

    InformationsquelleAutor vcsjones
Schreibe einen Kommentar