jquerymobile ajax issue

>我试图建立一个从Worpress数据中选择帖子数据的应用程序。所以这一切都只需要一个简单的<li> elmenets 在 jquery-moblie 中的 <ul> 显示它这是我的代码：最后，普罗巴姆已经描述了它

<?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

function loginfunction()
{ 
  alert(1);
    var uname=document.getElementById('uid').value;
    var pword=document.getElementById('psw').value;
    var query="UID="+uname+"&PWD="+pword;
    alert(2);
    $.ajax({
        url:"http://192.168.1.36/login.php",
        type:"POST",
        data:query,
        timeout:10000,
        success : function(data)
        { 
            alert(3);
            data=jQuery.parseJSON(data);
            if(data==1){alert("success");
            window.location='Home.html';}
            else if(data==0){alert("fail");}
            },
    });

}

相关内容

最新更新

热门标签：