.load（）信息无法识别CSS样式[重复]

Question

这个问题已经在这里有了答案：

jQuery Mobile在动态添加内容后不应用样式 4个答案

我正在制作一个HTML5应用程序，并且正在使用jQuery的.load（）函数将数据库中的数据加载到HTML中。 该函数可以很好地工作，但是问题在于加载的HTML代码没有被样式表（jQuery Mobile）修改。 我这样做的原因是因为我将使用PhoneGap Build来获取android应用。

这是我的代码片段：

头：

<head> 
<title>Parking Lot App</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" />
<link rel="stylesheet" href="themes/florida_tech.min.css" />

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <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 type="text/javascript">
    $(document).ready(function(){
    $( "#maps" ).get( "map_list.php");
    window.setTimeout(function(){ document.location.reload(true); }, 10000);
    });
</script>

</head>

身体：

<body>  

    <!-- HOME PAGE -->
    <div data-role="page" id="home_page" class="name"  data-theme="a">

    <!-- HEADER HOME PAGE -->

<div data-role='header' id='header'>
    <h2>
    Parking Lot App
    </h2>
    <a href='index.html' data-iconpos='notext' data-icon='home'></a>
</div>

    <!-- CONTENT HOME PAGE -->
<div data-role="content" data-theme="a" id="maps">

</div>

    <!-- FOOTER HOME PAGE -->

<div data-role="footer" data-position="fixed">
    <h3> Senior Design Project </h3>
</div>

</div> <!-- END OF HOME PAGE -->

</body>

最后是我遇到问题的文件（加载后），MAP_LIST.PHP：

<ul data-role="listview" data-inset="true" data-divider-theme="a" data-count-theme="b">
<li data-role="list-divider"> Parking Lots </li>
<li>
    <a href="#mapdata1" 
    data-inline="true"

    > Parking Lot 1
    <span class="ui-li-count">0</span></a></li><li><a href='#info'> Help </a></li>
</ul>

我想知道是否还有另一种/更好的方法可以将数据库中的数据粘贴到我的HTML代码中，以便样式可以修改代码。

Answer 1

使用.load()或.get() ，与使用插入函数（例如append() / prepend() 。 以前的功能使用Ajax提取数据，因此您需要在Ajax调用完成后调用增强功能。

使用.get()

$.get("URL", function (data) {
   var list = $(data).find("#listID");
   $("#target_div").append(list);
   $("#listID").listview();
}, "html");

在URL中 ，给listview一个id 。

演示 - 代码

.load（）信息无法识别CSS样式[重复]

问题描述

1 个解决方案

解决方案1
1 2014-04-10 17:14:44

.load（）信息无法识别CSS样式[重复]

问题描述

1 个解决方案

解决方案1 1 2014-04-10 17:14:44

解决方案1
1 2014-04-10 17:14:44