0

我有一些 jQuery 可以在小提琴和页面底部完美运行。jQuery 包含在项目的头部。在这个项目中，我使用了一个 jQuery RSS 插件，它从提要生成动态内容并在字符串 (entryTemplate) 中构造输出：

 <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 click 函数。

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

4

1 回答 1

0

也许我遗漏了一些东西，但这不是.feedlink文档准备好的元素不存在的情况吗？也许只是改变这一行：

$(".feedLink").click(function (e) {

对此：

$(".feedLink").on('click', function (e) {
于 2013-05-17T21:45:10.300 回答