Javascript JQM.load（）/.html（）内容未设置样式，已尝试所有我找到的内容_Javascript_Jquery_Html_Jquery Mobile_Cordova

Javascript JQM.load（）/.html（）内容未设置样式，已尝试所有我找到的内容

javascript jquery html jquery-mobile cordova

Javascript JQM.load（）/.html（）内容未设置样式，已尝试所有我找到的内容,javascript,jquery,html,jquery-mobile,cordova,Javascript,Jquery,Html,Jquery Mobile,Cordova,我已经尝试了所有我在网上找到的关于这个的东西，但仍然没有成功我有一个主页面，需要将html内容加载到一个div，如： <div data-role="content" id="mainc"> </div> -- -- 还有一些，仍然在做同样的事情结果如下：解释：您的第一个加载方法通常是正确的，但有一个问题，当只加载listview时，它将不起作用。但当然有解决办法工作示例： index.html jQM复杂演示 $（document）.on（'pagebef

我已经尝试了所有我在网上找到的关于这个的东西，但仍然没有成功

我有一个主页面，需要将html内容加载到一个div，如：

<div data-role="content" id="mainc">
</div>

还有一些，仍然在做同样的事情

结果如下：

解释：您的第一个加载方法通常是正确的，但有一个问题，当只加载listview时，它将不起作用。但当然有解决办法

工作示例： index.html


jQM复杂演示
$（document）.on（'pagebeforeshow'，'#index'，function（）{
$（“#index”）.load（“load.html”，function（））{
$（this.trigger（“pagecreate”）；
});
});

load.html


索引页

问题是，我没有加载任何列表视图，我的load.html基本上是另一个导航栏作为子菜单，你在图像中看到的是导航栏而不是列表视图：导航栏是UL列表：）这就是为什么它看起来像一个没有样式的列表。给我一分钟，我知道你有什么问题。我会给你写一个正确的例子。哈哈，是的，我刚刚意识到，非常感谢，我会欣赏这个例子：）我改变了我的例子。如果要添加另一个导航栏，则必须使用触发器（“pagecreate”），因为它将增强整个页面。触发器（'create'）将只增强内容，而页眉和页脚将保持不变。tyvm，午餐后我将测试它，我将给出反馈使用

trigger（'pagecreate'）它将完成任务。这里有一个例子
$("#mainc").load(target, function () {
    $(this).trigger('create');
});

$('#mainc').load(target);
$('#mainc').trigger('create');

$.get(target, function(data) {
    $("#mainc").html(data);
    $('#mainc').listview('refresh');
});

<!DOCTYPE html>
<html>
    <head>
        <title>jQM Complex Demo</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>    
        <script>
            $(document).on('pagebeforeshow', '#index', function(){ 
                $("#index").load("load.html", function() {
                    $(this).trigger("pagecreate");
                });
            });
        </script>
    </head>
    <body>
        <div data-role="page" id="index">

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

<div data-theme="b" data-role="header">
    <h1>Index page</h1>
    <div data-role="navbar">
        <ul>
            <li><a href="#" class="ui-btn-active">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
        </ul>
    </div><!-- /navbar -->  
</div>

<div data-role="content">
    <div data-role="navbar">
        <ul>
            <li><a href="#" class="ui-btn-active">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
        </ul>
    </div><!-- /navbar -->  
</div>