Javascript 单击时刷新XML提要（jQTouch）

我最近为我正在jQTouch中开发的iPhone应用程序创建了一个xml提要->html javascript函数。教程和代码

我想知道是否有人知道在单击链接时刷新xml数据（再次获取提要）的快速简便方法

例如。 在代码中：

<div id="btns">
 <ul>
  <li><a href="#feed">Go to feed</a></li> <!-- When i click this, I want the getDataFeed function to dump the data & rerun. -->
</div>
<div id="feed">
 <div id="content_from_feed_inserted_here"></div>
</div>

$(document).ready(function() {

function getDataFeed() {

    $('.loadingPic').show(); // show progress bar

    $.get('http://xxxxxxx.com/information.xml', function(d) {

    $(d).find('location').each(function(){

        var $location = $(this); 
        var the_data = $location.find('xml_data').text();

        var collected_data = collected_data += '<span>' + the_data + '</span>' ;
        $('#content_from_feed_inserted_here').empty().append($(collected_data)); // empty div first

        $('.loadingPic').fadeOut(1400); // remove progress bar
    });

}

// run on page load
getDataFeed();

// how do i also get it running when i click <li><a href="#feed">Go to feed</a></li>

});

在javascript中：

<div id="btns">
 <ul>
  <li><a href="#feed">Go to feed</a></li> <!-- When i click this, I want the getDataFeed function to dump the data & rerun. -->
</div>
<div id="feed">
 <div id="content_from_feed_inserted_here"></div>
</div>

$(document).ready(function() {

function getDataFeed() {

    $('.loadingPic').show(); // show progress bar

    $.get('http://xxxxxxx.com/information.xml', function(d) {

    $(d).find('location').each(function(){

        var $location = $(this); 
        var the_data = $location.find('xml_data').text();

        var collected_data = collected_data += '<span>' + the_data + '</span>' ;
        $('#content_from_feed_inserted_here').empty().append($(collected_data)); // empty div first

        $('.loadingPic').fadeOut(1400); // remove progress bar
    });

}

// run on page load
getDataFeed();

// how do i also get it running when i click <li><a href="#feed">Go to feed</a></li>

});

$（文档）.ready（函数（）{
函数getDataFeed（）{
$（'.loadingPic'）.show（）；//显示进度条
$.get（'http://xxxxxxx.com/information.xml，函数（d）{
$（d）.find（'location'）.each（function（）{
var$location=$（此）；
var the_data=$location.find（'xml_data'）.text（）；
var collected_data=collected_data+=''+该_data+''；
$（“#内容_来自_提要_插入_此处”）.empty（）.append（$（收集的_数据））；//首先清空div
$（'.loadingPic'）.fadeOut（1400）；//删除进度条
});
}
//在页面加载时运行
getDataFeed（）；
//当我点击

});

非常感谢您的帮助！

测试以下内容： 将函数getDataFeed（）{..}移到de ready函数外部，并从链接捕获click事件。在

$（'#提要'）。单击（getDataFeed）；
//在页面加载时运行
getDataFeed（）；
});

嘿，谢谢你的代码，按钮似乎还是不起作用。还有其他想法吗？在jqtouch上也不一定如此，它在github上非常活跃，而且需要重写应用程序。同样不幸的是，jquerymobile仍然只有alpha版本&没有静态的tabbar/header，而sencha则完全不同——面向对象的js。在firebug控制台打开的情况下进行测试。有错误吗？尊重sencha和jquerymobile，你是对的。但jqtouch的最后一次beto是在2009年10月。一年的测试时间是很长的。另一方面，jqtouch现在是“Sencha实验室”的一部分，所以jqtouch不受支持的逻辑也是如此，不是吗？实际上，已经修复了！使用上述代码，但不要使用$（'#feed'）。单击（getDataFeed（））；我在链接中添加了onClick=“getUV（）”