点击刷新XML feed（jQTouch）

Question

我最近为jQTouch开发的iPhone应用程序创建了一个xml feed - > html javascript函数。 Original教程&代码。

我想知道是否有人会知道一个快速简单的方法来刷新xml数据（抓住feed再次），当一个链接被点击。

例如。 代码：

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

在JavaScript ：

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

}); 

提前感谢您的帮助！

Answer 1

测试此项： 移动函数getDataFeed（）{..}在准备就绪函数之外并从链接捕获单击事件。在<a>中设置id =“feed”。

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 
    }); 
} 

$(document).ready(function() { 

    // how do i also get it running when i click <li><a href="#feed" id="#feed">Go to feed</a></li> 
    $('#feed').click(getDataFeed); 

    // run on page load 
    getDataFeed(); 

});