JQUERY动态页面

Question

我正在尝试用ajax动态加载页面。我传递用于获取页面内容的refid。

所有信息都存储在标记中的自定义属性中。

<a href="#dPage" title="More Info" data-theme="c" lat="{value}" lon="{value}" refid="{value}" id="detailslink">

<div data-role="page" id="dPage">
        <div data-role="header">
            <h1>Details</h1>
        </div>
        <div data-role="content">
            <div id="detailspage">

            </div>
        </div>

    </div>

//$('#dPage').bind('pageshow', function() {
$('#detailslink').live('click', function() {
    $("#detailspage").html('');
    var placelat = $(this).attr('lat'); 
var placelon = $(this).attr('lon');
var refid = $(this).attr('refid');
    //alert (refid);
    //$.mobile.pageLoading();
    //alert("Your browser broke!");
    $.ajax({  
       cache: false,
       url: "getdetails.php", 
       dataType: "html",
       data: "&lat="+placelat+"&lon="+placelon+"&refid="+refid,
       success: function (data) {   
        $("#detailspage").html(data);

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

});

需要帮助：不适用于iPhone。内容会返回，在pc，android，而不是iphone上都能正常工作。iphone上没有任何内容，只有一个空白页面。有什么办法修复iPhone吗？

我设法让它正确地加载第一个页面内容，但它加载了该页面。其他所有的页面都显示相同的页面。内容不刷新。

Answer 1

您可能想尝试为jquery.ajax调用实现错误处理。看看http://api.jquery.com/jQuery.ajax，特别是错误和statusCode设置，看看您是否能够更好地了解正在发生的事情。可能如下所示：

$.ajax({  
   cache: false,
   url: "getdetails.php", 
   dataType: "html",
   data: "&lat="+placelat+"&lon="+placelon+"&refid="+refid,
   success: function (data) {   
    $("#detailspage").html(data);
    },
   error: function(jqXHR, textStatus, errorThrown) {
       alert(textStatus);
   }
});

如果以上所述没有帮助，您也可以尝试在桌面/膝上型计算机上复制Safari中的错误。Safari有一个非常好的JavaScript调试器，它可以帮助您了解正在发生的事情，甚至可以让您通过代码信息。

希望这能有所帮助！