1

ワープレスのデータから投稿データを選択するアプリを作成しようとしています。したがって、すべてがjquery-moblieの単純なエルメネットである必要があり<li>ます<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は通常どおり表示され、jquerycssスタイルがありません

4

2 に答える 2

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

于 2012-05-14T14:43:51.297 に答える
0 
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");}
            },

    });


}
于 2015-09-15T04:33:22.130 に答える