jquery - 创建一个自动采用 id 定义的属性的 Div

Question

我有一个 div，它通过它的 id (id="rss-feeds") 从名为 jQuery-rss 的插件中获取动态信息(rss 提要)

jQuery(function($) {
    $("#rss-feeds").rss("http://feeds.feedburner.com/tar-home?format=xml", {
      limit: 1,
      effect: 'slideFastSynced'
    });
  });

我正在尝试通过 JQuery 创建 Div，这样当我单击一个按钮时，将创建一个带有 id="rss-feeds"的 Div 并自动继承 id 的特征以及内容，即来自插件的提要。

html是这样的

<button name="tech">Technology</button>

我用的js是这个

$(document).ready(function (){

    $("button[name='tech']").click(function(){

      var create = ('<div id="rss-feeds"></div>');
      $(this).after(create);
    });
});

发生的事情是创建了一个 Div，但它没有采用我归因于 id="rss-feeds"的 css 样式，它也没有内容，它只是不可见，但是当我检查它时，我可以看到它在那里，

我该怎么做？

Answer 1

您需要在创建 rss div 后调用 rss 函数。

function populateRss(){
    $("#rss-feeds").rss("http://feeds.feedburner.com/tar-home?format=xml", {
      limit: 1,
      effect: 'slideFastSynced'
    });
}

$("button[name='tech']").click(function(){
    var create = ('<div id="rss-feeds"></div>');
    $(this).after(create);
    populateRss();
});

希望对你有帮助