點擊刷新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(); 

});