logo标签列表

jQuery mobile的mobileinit事件未被触发

jquerycordovajquery-mobilemobile-application
4
我希望在jQuery移动加载之前通过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>
你能否发布一下绑定到 mobileinit 事件的代码部分？ - Frédéric Hamidi
@FrédéricHamidi 抱歉，我不小心发布了代码的早期版本。请查看更新后的帖子。 - user1999257
2个回答
3
这样是不行的。
当mobileinit事件被触发时，DOM内容仍然为空。 pageinit是第一个可以考虑执行此操作的事件。但更好的选择是使用pagebeforeshow事件。
$(document).on('pagebeforeshow', '#index', function(){    

});

这是我旧的动态添加内容的示例：http://jsfiddle.net/Gajotres/GnB3t/ 这是另一个示例，只需单击下一页按钮即可查看动态生成的页面：http://jsfiddle.net/Gajotres/8jcGb/
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>
3
дёҚдәљзљ„пәЊеҢ“jQuery Mobileиұ«еЉ иҢҢеђҺз»‘е®ље€°mobileinitдғ‹д»¶е°†дёҚдәљжњ‰д»»дҢ•ж•€жһњпәЊе› дёғиҮӨдғ‹д»¶е·Із»Џиұ«и§¦еЏ‘дғ†гЂ‚ - Frédéric Hamidi
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接