Jquery mobile JQMobile.trigger（'；create'；）不工作_Jquery Mobile

Jquery mobile JQMobile.trigger（'；create'；）不工作

jquery-mobile

Jquery mobile JQMobile.trigger（'；create'；）不工作,jquery-mobile,Jquery Mobile,jqmobile应用程序中的.trigger（'create'）方法有一个奇怪的问题我正在尝试创建一些共享的、可重复使用的页面这是我的index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>phonegap & jquery mobile boilerplate</title> <meta name

jqmobile应用程序中的.trigger（'create'）方法有一个奇怪的问题

我正在尝试创建一些共享的、可重复使用的页面

这是我的index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>phonegap & jquery mobile boilerplate</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/jquery.mobile.structure.css"/>
    <link rel="stylesheet" href="css/jquery.mobile.theme.css"/>
    <script>
        var userAgent = navigator.userAgent + '';
        if (userAgent.indexOf('iPhone') > -1) {
            document.write('<script src="js/lib/cordova-iphone.js"></sc' + 'ript>');
            var mobile_system = 'iphone';
        } else if (userAgent.indexOf('Android') > -1) {
            document.write('<script src="js/lib/cordova-android.js"></sc' + 'ript>');
            var mobile_system = 'android';
        } else {
            var mobile_system = '';
        }
    </script>
    <script src="js/lib/jquery.js"></script>
    <!-- your scripts here -->
    <script src="js/app/app.js"></script>
    <script src="js/app/bootstrap.js"></script>
    <script src="js/lib/jquery.mobile.js"></script>
    <script src="js/globals.js"></script>
    <script src="js/logged_in.js"></script>
</head>
<body>
<div data-role="page">
    <div id="headerDiv" data-role='header'><a href="index.html" data-icon="home">Home</a>

        <h1>Jubilee Distributors</h1>
        <a href="login.html" id="logged_in" data-icon="home">Login</a></div>
    <div id="navDiv"></div>
    <div data-role="content">Blah Blah
    </div>

    <div id='footerDiv' data-role="footer"></div>

</div>
</body>
</html>

html加载到div中没有问题，但是触发器似乎没有在样式化中做任何事情。。有什么我遗漏的吗

干杯，

试试这个，如果不行，我们就试试别的：

将globals.js放在Jquery mobile之前，如下所示：

   <script src="js/globals.js"></script>
   <script src="js/lib/jquery.mobile.js"></script>
   <script src="js/logged_in.js"></script>

这样，在jQM增强之前，它会等待文件完全加载并插入DOM

什么是“创建”事件？您是否制作了一些自定义事件？“create”是jQMobile增强DOM中加载的标记的事件……太好了，哪一个？我怀疑，如果您先这样做，您甚至不需要添加触发器（“create”），因为在触发任何“pageinit”之前，内容将在DOM中

$(document).bind("mobileinit", function () {
    jQuery.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
});

$(function () {
    $('#navDiv').load('shared/nav.html').trigger('create');
    $('#footerDiv').load('shared/footer.html').trigger("create");
});

   <script src="js/globals.js"></script>
   <script src="js/lib/jquery.mobile.js"></script>
   <script src="js/logged_in.js"></script>

$(function () {
    $('#navDiv').load('shared/nav.html', function(){$(this).trigger('create')});
    $('#footerDiv').load('shared/footer.html', function(){$(this).trigger('create')});
});