简化：jqtouch 移动应用程序 ajax 加载问题答案

【问题标题】：SIMPLIFIED: jqtouch mobile app ajax loading issue简化：jqtouch 移动应用程序 ajax 加载问题
【发布时间】：2010-08-17 21:01:23
【问题描述】：

在jqtouch和iui中，如果你想点击<a href="#feed-49">This is a FEED</a>之类的链接并动态加载<div id="feed-49"></div>的内容怎么办？

我尝试将单击处理程序绑定/激活到“a”和父“div”上，但它永远不会被触发，只是实际跟随链接的事件。谢谢。

这是我另一个问题的简化版本：

jqtouch mobile app ajax loading issue

【问题讨论】：

标签： jqtouch

【解决方案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。

【讨论】：

我需要的是跟随点击 jqtouch 启用 a-tag 但也会触发另一个事件 - 基本上当用户点击/点击时，它应该转到 div 并做一些其他 javascript 的东西.我终于通过将 onClick="other_stuff()"' 添加到实际的 a-tag 来让它工作。出于某种原因， live('click',function()... 不起作用，但 onClick="" 会。接受此答案以获取您的回复和此评论的组合。感谢您的帮助。
您的“live()”问题可能可以通过升级 jquery 来解决。我以前也遇到过类似的问题。 :)

【解决方案2】：

我刚刚经历了您正在经历的事情，并且确切地知道如何解决它。您需要将该 XML 转换为 JSON 对象，编号为 [0]、[1] 等.

这个 JQuery 插件很好用：http://www.fyneworks.com/jquery/xml-to-json/ 将该 JS 添加到您的应用程序中。然后，您的 parse XML 函数会将您想要的 XML 节点（如通道中的项目节点）转换为 JSON 对象，然后为项目编号。

那么看看我如何清空当前的项目列表，构建项目列表并使用“sun”类向列表项目添加自定义 CLICK 函数（我喜欢 jquery）。然后该函数会将它的父节点标题和描述添加到需要它的 div 中。 href 会将其推送到新的 jqtouch DIV，该 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);   
      }); 
   }); 
};

【讨论】：