创建一个自动接受id定义的属性的Div

Question

我有一个div通过其id（id =“rss-feeds”）来自插件jQuery-rss获取动态信息（rss feed），如此

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>

我正在使用的是这个

$(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函数你创建了rss div。

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

希望有所帮助

Answer 2

创建div后，您必须调用rss（）函数。

您的点击处理程序应如下所示。

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

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

      $(this).after(create);
    });
});