javascript - 单击时刷新XML提要(jQTouch)

标签 javascript jquery html xml jqtouch

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

我想知道是否有人会在单击链接时知道一种快速简便的方法来刷新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>


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

});


在此先感谢您的帮助!

最佳答案

测试一下:
将函数getDataFeed(){..}移至就绪函数之外,并捕获链接中的click事件。在<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();

});

关于javascript - 单击时刷新XML提要(jQTouch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4030232/

相关文章:

javascript - eslint 强制执行一行操作/浪费变量?

javascript - 在 jquery.ajax 之后更改 html 元素

javascript - 如果用户输入的长度= x,则btn.click()函数

javascript - 如何访问 JavaScript 中的实例变量?

javascript - 这些功能有什么区别?

jquery - 是否可以在没有图像或表格的情况下在 CSS 中创建类似网格的背景?

javascript - 动画并在当前页面上加载新页面

javascript - 如何一次显示一个警报?

javascript - 为每种类型的用户提供不同内容的网站(关于安全性)

javascript - 导航栏折叠菜单不适用于手机和平板电脑视口(viewport)