Динамическая загрузка контента с помощью JQUERY

Question

Я пытаюсь загрузить страницу динамически с помощью AJAX. Я передаю refid, который я использую для получения содержимого страницы.

Вся информация хранится в пользовательском атрибуте в теге. Есть более 10 ссылок со своими значениями. Рефид очень длинный. Не уверен, что это имеет значение.

<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 ничего не показывает. Похоже, что он делает звонок, но ничего на странице.

Застрял в этом.

Заранее спасибо.

Answer 1

Включаете ли вы файл js, используя относительный путь? Php называется getdetails.php или getDetails.php?

Answer 2

Я переключил свои включает с

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

А теперь это работает.

Answer 3

Вы уверены, что функция успеха вызывается на iPhone?Пытался поставить там предупреждение, чтобы проверить?Просто интересно, есть ли ошибка, которую вы пропускаете.

Редактировать: Добавить функцию ошибки в вызов.Если это не помогло, вы, надеюсь, узнаете, почему.

jQuery Ajax () метод docs