使用JQUERY加載動態內容

我試圖用ajax動態加載頁面。我傳遞了我用來獲取頁面內容的refid。使用JQUERY加載動態內容

所有信息都存儲在標籤的自定義屬性中。有10多個鏈接與他們自己的價值觀。 RefID非常長。不知道這是否有所作爲。

<a href="#dPage" title="More Info" data-theme="c" lat="{value}" lon="{value}" refid="CnRiAAAA_wO24Cpr6mCxuLDmiXYmWB8GoC5AqCllosAfNUZbkxD3QeiLlldSgGAxiwFpIlEbMx1JxuM6J6-uvFCDA9C-NfMVxBkT438ylOSWm11b2S74qXngL-wYH29sm4KX48762VjhYov9G2oOPM_iQJRjBBIQiNyeosXXee4kwXLMYBBtChoUkQrLBokVPKDcRLehvs2PLVmDv68" id="detailslink"></a> 
<div data-role="page" id="dPage"> 
     <div data-role="header"> 
      <h1>Details</h1> 
     </div> 
     <div data-role="content"> 
      <div id="detailspage"> 

      </div> 
     </div> 

    </div>

$('#detailslink').live('click', function() { 
     $("#detailspage").html(''); 
     var placelat = $(this).attr('lat'); 
    var placelon = $(this).attr('lon'); 
    var refid = $(this).attr('refid'); 
     $.ajax({ 
       cache: false, 
       url: "mobile/getdetails.php", 
       dataType: "html", 
       data: "&lat="+placelat+"&lon="+placelon+"&refid="+refid, 
       success: function (data) { 
        alert("Success"); 
        $("#detailspage").html(data); 
       }, 
       error: function(jqXHR, textStatus, errorThrown) { 
        alert(textStatus); 
       } 

      }); 
     //alert("done"); 

    });

該好好嘗試一下正常工作在iPhone上。內容被返回並且在Chrome，Firefox，safari，android中正常工作，但不是iphone。

iPhone不顯示任何東西。它看起來確實打電話，但沒有在網頁上。

卡住了。

在此先感謝。

來源

2011-07-16 vitalyp

我轉我的包括來自

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> 
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>

到

<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> 
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

而現在它的工作原理。

來源

2011-07-17 00:11:50 vitalyp