УПРОЩЕННОЕ: jqtouch mobile app ajax loading проблема

Question

В jqtouch и iui, что вы будете делать, если хотите следовать по ссылке, например <a href="#feed-49">This is a FEED</a> И динамически загружать содержимое <div id="feed-49"></div>?

Я попытался связать/перенести обработчик щелчка на «a» и на родительский «div», но он никогда не запускается, просто событие для фактического перехода по ссылке. Благодарю.

Это упрощенная версия моего другого вопроса:

jqtouch mobile app ajax loading issue

Answer 1

Это зависит от того, хотите ли вы страница с предварительно загруженной или нагрузками по требованию.

Если вы хотите предварительно загружены, вы можете заполнить страницу на, скажем, $(document).ready:

$(document).ready(function(){ 
    $('#feed-49').load('feed-49.html'); 
}); 

Если вы хотите, чтобы загрузить по требованию, вы можете слушать pageAnimationStart события :

$('#feed-49').bind('pageAnimationStart', function(event, info){ 
    if (info.direction == 'in') 
     $(this).load('feed-49.html'); 
}); 

Возможно, вы захотите прочитать jQTouch's documentation on callback events.

Answer 2

Я просто прошел через то, что вы переживаете, и точно знаете, как его решить. Вы должны превратить этот XML в объекты JSON, который будет пронумерованный [0], [1] и т.д.

Это JQuery плагин работает и скалы: http://www.fyneworks.com/jquery/xml-to-json/ добавить, что JS для вашего приложения. Затем ваша функция XML синтаксического анализа преобразует требуемые узлы XML (например, узлы элементов в канале) в объекты JSON и затем номера элементов.

Итак, посмотрим, как я тогда опустошаю текущий список элементов, создаю список элементов и добавляю пользовательскую функцию CLICK к элементам списка с классом «солнце» (я люблю jquery). Затем эта функция добавит заголовок родительского узла и desc в нужные ему разделы. Href подталкивает его к новому jqtouch DIV, который будет обрабатывать всю подробную информацию. Круто? Голосуйте, если это сработает. Это было для меня, как прелесть.

function parseXml(xml) 
{ 
    $('#feedList').html(''); 
    var rss = $.xml2json(xml); 
    $.each(rss.channel.item, function(i, item) 
    { 
    $('#feedList').empty().append('<li class=sun'+i'><a href=#contentDiv>'+item.title+'</a></li>'); 
    $('.sun'+i).click(function() { 
     $('#titleDiv').empty().append(item.title);     
     $('#descDiv').empty().append(item.description); 
     }); 
    }); 
};