0

pageInit() 関数を使用して、jQuery モバイル ページの JavaScript を初期化しようとしています。以下のいくつかの試みの概要を説明しましたが、うまくいかないようです。誰が私が間違っているのか教えてもらえますか。また、ページの明示的な名前を使用する代わりに $(this) を使用してこれを行う方法はありますか?

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>

4

1 に答える 1

1

イベントはpageinitドキュメントで発生します。を使用しても意味がありませんlive。代わりに を使用しますbind。例えば：

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

詳細については、jQuery モバイルのドキュメントを参照してください。

于 2012-08-03T18:11:21.513 に答える