Aktualisieren XML-Feed auf Klick (jQTouch)

Question

Ich habe vor kurzem eine XML-Feed erstellt -> html JavaScript-Funktion für ein iPhone app, die ich in jQTouch bin zu entwickeln. Original- Tutorial &-Code.

Ich habe mich gefragt, ob jemand eine schnelle und einfache Art und Weise kennen würde die XML-Daten zu aktualisieren (packt das Futter wieder), wenn ein Link geklickt wird.

zB. im Code:

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

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

});

Vielen Dank im Voraus für Ihre Hilfe!

Answer 1

Testen Sie dies: Move-Funktion getDataFeed () {..} außerhalb de-Ready-Funktion und Capture Click-Ereignis von Link. set id = "feed" in <a>.

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

});