jquery - jQuery は Fiddle とページの下部で機能しますが、動的 (jQuery によって生成された) コンテンツでは機能しません

Question

フィドルとページの下部で完全に機能するjQueryがいくつかあります。jQueryはプロジェクトの頭に含まれています。このプロジェクトでは、フィードから動的コンテンツを生成し、出力を文字列 (entryTemplate) 内に構造化する jQuery RSS プラグインを使用しています。

 <script>
var j=jQuery.noConflict();
    j(document).ready(function() { 
      jQuery(function($) {
        j("#bird-feedsz")
            .rss("http://feeds.feedburner.com/patheos/Ukoy", {
             layoutTemplate: '{entries}',
             entryTemplate: '<div class="view span12"><div class="view-back"><a class="feedLink" href="#">Go</a><div class="feedBody">{body}</div></div><div class="front"><div class="date circle">{prettyDate}</div><div class="title">{title}<br>{author}</div></div></div>',
             tokens: {
                prettyDate: function(entry, tokens) {
                return moment(tokens.date).format("DD MMM")
                          }
                      }
                    });
                  });
                });
 </script> 

その文字列のコンテンツに対して jQuery クリック関数を実行したいと考えています。

  $(document).ready(function () {
     $(".feedLink").click(function (e) {
     $(".feedBody").removeClass("active");
      $("div.deck").empty();
     $(e.target).focus().next(".feedBody").addClass("active");
     $(".active").clone().appendTo("div .deck");

    e.preventDefault();
   });
});
</script>

以下は文字列です。スクリプトから取り出して、ドキュメントの下部に純粋な html として配置すると、機能します!

 <div class="view span12"><div class="view-back"><a class="feedLink" href="#">Go</a><div class="feedBody">{body}</div></div><div class="front"><div class="date circle">{prettyDate}</div><div class="title">{title}<br>{author}</div></div></div>

しかし、プラグインによって生成されると、スクリプトが壊れます。問題は、埋もれすぎてクラス「デッキ」が見つからないことだと思いますが、よくわかりません。これが私のhtml構造の残りの部分です：

    <div class="span2">

    </div>



    <div id="jp-container" class="jp-container span4">



       <div id="bird-feeds"></div>
        <div id="bird-feedsz"></div>


    </div>

    <div class="span6"> 

        <div class="row-fluid">

          <div class="span12"> <img class="banner" src="/assets/banner.png"/></div>


        </div>


        <div class="deck row-fluid">
            <h5>Latest News</h5>
               <div class="span2">
              <img class="circle" src="/assets/scotmcknight.png"/>
              </div>
            <div class="span10 intro">
              <p>Welcome to iNOTEISH. Discover. Follow. Inspire.<p>
            </div>
            <div class="twitterhack span12">
              <a class="twitter-timeline"  href="https://twitter.com/iNOTEISH"  data-chrome="transparent noborders nofooter noloadmore noheader" data-widget-id="334372455831453698"></a>
            </div>

        </div>

        <div class="row-fluid">
            <div class="span4">
              <img class="circle" src="/assets/scotmcknight.png"/>
            </div>

            <div class="span4">
              <img class="circle" src="/assets/scotmcknight.png"/>
            </div>

            <div class="span4">
              <img class="circle" src="/assets/scotmcknight.png"/>
            </div>

             <div id="mydiv3" style="text-align:center; padding: 15px; margin: 15px;" class="span12"></div>

        </div>

      </div>  

  </div>  

助けてください！ここでフィドルhttp://jsfiddle.net/zF65u/とプラグイン: https://github.com/sdepold/jquery-rss