gpt4 book ai didi

css - jquerymobile ajax问题

转载 作者:行者123 更新时间:2023-11-28 18:46:28 25 4
gpt4 key购买 nike

我试图构建一个从 worpress 数据中选择帖子数据的应用程序。所以它只需要是一个简单的 <li> elmenets <ul>在显示它的 jquery-moblie 中这是我的代码:probalme最后描述了它

<?php /**
* @author yosef yawitz
* @copyright 2012
* @name index.php
**/
require_once 'inc/header.php';
/**
* $query = 'inventory_sku';
* $a = wareHouseAllItems($query);
*/
?>
<script src="js/jqm.autoComplete-1.3.js"></script>
<body>
<div data-role="page" id="indexPage">

<div data-role="header" data-position="fixed">
<h1> בר דעת </h1>
</div>
<div data-role="content">
<ul id="inventoryProducts"data-role="listview" data-theme="g">
</ul>
</div>
<div data-role="footer">
<h1>Comp</h1>
</div>
</div>
<script>

$(document).ready(function(){
$('#inventoryProducts').load('inc/load_posts.php');
});
</script>
</body>
</html>

当我在页面底部加载 ajax 时 <li> elemnet 正常显示,没有 jquery css 样式

最佳答案

我遇到了同样的问题。执行 Ajax 调用,类似于:

$.ajax({
type: 'POST',
url: inc/load_posts.php,
success:function(receivedData){
// successful request; do something with the data
var myData = receivedData;
},
error:function(){
// failed request; give feedback to user
alert('Ajax call failed.');
}
});

然后在 Javascript 中使用这段代码,用您通过 Ajax 调用收到的帖子更新您的页面。

$("#content").html(myData).page();
$("#content").page("destroy").page();

它解决了我的问题。

也许这对您也有帮助:http://blog.dkferguson.com/index.cfm/2011/3/15/jQuery-Mobile-styling-loaded-content

关于css - jquerymobile ajax问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10482281/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com