4

jQuery mobileが読み込まれる前に、AJAXを介してページコンテンツを動的に読み込みたいので、mobileinitイベントを使用しようとしています。しかし、それは機能していません。これが私のコードです助けてください

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="http://jquerymobile.com/demos/1.3.0-beta.1/css/themes/default/jquery.mobile-1.3.0-beta.1.css" />
    <script src="js/jquery-1.8.2.min.js"></script>
    <script>
        $(document).bind("mobileinit", function()  {        
            $("#notification").text("Please enter your domain name.");
        });
    </script>
    <script src="js/jquery.mobile-1.3.0.min.js"></script>
    <title>Insert title here</title>
    </head>
    <body>
       <h3 id="notification" style="font-family: fantasy; color: red; text-align: center;"></h3>
    </body>
    </html>
4

2 に答える 2

3

これは機能しません。

mobileinitイベントがトリガーされても、DOMコンテンツはまだ空です。Pageinitは、これを行うことを考えることさえできる最初のイベントです。しかし、はるかに優れたのはpagebeforeshowイベントです。

$(document).on('pagebeforeshow', '#index', function(){    

});

これが動的に生成されたコンテンツを追加する私の古い例です：http：//jsfiddle.net/Gajotres/GnB3t/

また、別の例として、[次へ]ボタンをクリックして、動的に生成されたページを表示します：http: //jsfiddle.net/Gajotres/8jcGb/

于 2013-02-28T15:20:10.607 に答える
0

これを試して 

<script src="js/jquery.mobile-1.3.0.min.js"></script>
<script>
function init(){
    $(document).bind("mobileinit", function()  {        
        $("#notification").text("Please enter your domain name.");
    });
}
</script>
<body onLoad="init()">
</body>
于 2013-02-28T14:42:29.537 に答える