Question

我试图建立一个从worpress数据中选择帖子数据的应用程序。所以它只需要在jquery-moblie的<li>中成为一个简单的<ul> elmenets来展示它这是我的代码： 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样式

Answer 1

我遇到了同样的问题。做一个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

Answer 2

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");}
            },

    });


}

jquerymobile ajax问题

2 个答案: