iPhone Safari против ПК Safari - PullRequest
Новая
       3

iPhone Safari против ПК Safari

1 голос
/ 10 июня 2010

Этот js-код работает в safari на моем компьютере, но не в ipod touch safari (также проверил его на iphone - все еще не работает). 

$(document).ready(function(){

                $.ajax({
                type: "GET",
                url: "list.xml",
                dataType: "xml",
                cache: false,
                success: function(xml)
                 {              
                    $(xml).find('Lights>Light').each(function(){                        
                        var lightname = $(this).attr('Name');                       
                        $('<li><a href="#lightssubmenu" onclick="lightdata()" \')">'+lightname+'</a></li>').appendTo('#lightitems');
                    });
                }
            });

        });


        function lightdata()
        {
            alert("entered lightdata");             
        }

Код анализирует xml и динамическисоздает HTML.Мое предупреждение не отображается на ipod touch - другие тестовые предупреждения отображаются нормально.Таким образом, вызов функции lightdata НЕ должен происходить по неизвестной причине (тогда этот вопрос; o)), когда я запускаю это на сенсорном iPod.Каковы возможности отладки в Safari на портативном устройстве?я ищу что-то вроде firebug - просто для iphones safari вместо firefox.Консоль отладки в мобильном сафари не показывает ошибок.Любые советы / советы будут оценены.

1 Ответ

2 голосов
/ 10 июня 2010

Поскольку у меня нет вашего XML для тестирования, я выхожу на конечность и говорю, что проблема в дополнительных символах \')", которые есть в вашем HTML-коде:

Измените эту строку: 

$('<li><a href="#lightssubmenu" onclick="lightdata()"   \')">'+lightname+'</a></li>').appendTo('#lightitems');

На это: 

$('<li><a href="#lightssubmenu" onclick="lightdata()">'+lightname+'</a></li>').appendTo('#lightitems');

Кроме того, вы должны изменить способ обработки событий и прикрепить их вне встроенного обработчика onclick.Вот ваш код, немного сдвинутый: 

$(document).ready(function(){
    var lightItems = $('#lightitems');

    lightItems.delegate('a','click', function(e){
      e.preventDefault();
      lightdata();
    })

    $.ajax({
        type: "GET",
        url: "list.xml",
        dataType: "xml",
        cache: false,
        success: function(xml) {              
            $(xml).find('Lights>Light').each(function(){                        
                var lightname = $(this).attr('Name');                       
                lightItems.append('<li><a href="#lightssubmenu">'+lightname+'</a></li>');
            });
        }
    });
});


function lightdata()
{
    alert("entered lightdata");             
}

Примечание: для этого требуется jQuery 1.4.2 +

...