Css jquerymobile ajax问题
我正在尝试创建一个应用程序,从worpress数据中选择posts数据。 所以它只需要一个简单的elmenets在jQueryMoblie中显示出来 这是我的代码: 概率最后已经描述过了Css jquerymobile ajax问题,css,ajax,jquery-mobile,styles,Css,Ajax,Jquery Mobile,Styles,我正在尝试创建一个应用程序,从worpress数据中选择posts数据。 所以它只需要一个简单的elmenets在jQueryMoblie中显示出来 这是我的代码: 概率最后已经描述过了 <?php /** * @author yosef yawitz * @copyright 2012 * @name index.php **/ require_once 'inc/header.php'; /** * $query = '
<?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时,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();
它为我解决了问题
也许这也能帮助你:我也有同样的问题。执行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();
它为我解决了问题
也许这也能帮助你: