循环提要项标题（jQuery、tCycle、jQuery.rss）_Jquery_Rss_Feed_Cycle

循环提要项标题（jQuery、tCycle、jQuery.rss）

jquery rss

循环提要项标题（jQuery、tCycle、jQuery.rss）,jquery,rss,feed,cycle,Jquery,Rss,Feed,Cycle,我正在尝试循环显示为项的链接表单提要我的代码大致如下所示： <html> <head> <style> ul.tcycle {list-style-type:none;max-width: 540px; overflow:hidden;} ul.tcycle li{display: inline;width: 100%;overflow:hidden;} </style> <script src="http://ajax.googleap

我正在尝试循环显示为

项的链接表单提要

我的代码大致如下所示：

<html>
<head>
<style>
ul.tcycle  {list-style-type:none;max-width: 540px; overflow:hidden;}
ul.tcycle li{display: inline;width: 100%;overflow:hidden;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://sdepold.github.io/jquery-rss/src/jquery.rss.js"></script>
<script src="http://malsup.github.io/jquery.tcycle.js"></script>
<script>
  jQuery(function($) {
  $("#rss-feeds").rss("http://news.google.com/?output=rss", {
    limit: 4,
    layoutTemplate: '<ul id=entries class=tcycle data-fx=scroll data-timeout=2000>{entries}</ul>',
    entryTemplate: '<li width=540><a href="{url}" title="{title}" class="url go" rel="bookmark external">{title}</a> </li>'
}).show();
      })
</script>

</head>
<body>

<div id="rss-feeds"></div>

</body>
</html>


ul.tcycle{列表样式类型：无；最大宽度：540px；溢出：隐藏；}
ul.tcycle li{显示：内联；宽度：100%；溢出：隐藏；}
jQuery（函数（$）{
$（“#rss提要”）.rss（“http://news.google.com/?output=rss", {
限额：4，
layoutTemplate:“{entries}”，
入口模板：“”
}).show（）；
})

项目在属性中显示，但不循环。当列表是手动创建的（不是从jqueryrss）时，循环工作正常

我哪里做错了，哪里做错了？

试着换成这样：

<script>
  $(document).ready(function() {
  $("#rss-feeds").rss("http://news.google.com/?output=rss", {
    limit: 4,
    layoutTemplate: '<ul id="entries" class="tcycle" data-fx="scroll" data-timeout="2000">{entries}</ul>',
    entryTemplate: '<li width:"540"><a href="{url}" title="{title}" class="url go" rel="bookmark external">{title}</a> </li>'
}).show();
      });
</script>


$（文档）.ready（函数（）{
$（“#rss提要”）.rss（“http://news.google.com/?output=rss", {
限额：4，
layoutTemplate:“{entries}”，
入口模板：'

'
}).show（）；
});

我决定改用vTicker，多亏了Rich Hollis，我可以分享以下代码：

<!DOCTYPE html>
<html>
  <head>
    <title>test-vticker</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://sdepold.github.io/jquery-rss/src/jquery.rss.js"></script>
    <script src="http://richhollis.github.com/vticker/downloads/jquery.vticker.min.js?v=1.14"></script>

    <script>
      $(function() {
        $("#example-vticker").rss("http://news.google.com/?output=rss", {
          limit: 4,
           entryTemplate: '<li><a href="{url}">{title}</a></li>',
           success: function() {
            $('#example-vticker').vTicker('init', {speed: 400, 
              pause: 1000,
              showItems: 1,
              padding:4});
           }
        });
        $('#next').click(function() { 
          $('#example-vticker').vTicker('next', {animate:false});
        });
        $('#prev').click(function() { 
          $('#example-vticker').vTicker('prev', {animate:false});
        });
      });
    </script>
  </head>
  <body>
    <div id="example-vticker" class="example"></div>
    <button id="prev">Prev</button><button id="next">Next</button>
  </body>
</html>


测试录像机
$（函数（）{
$（“#示例vticker”）.rss（“http://news.google.com/?output=rss", {
限额：4，
入口模板：“”，
成功：函数（）{
$（#示例vticker'）.vticker（'init'，{speed:400，
暂停：1000，
展览项目:一,，
填充：4}）；
}
});
$（“#下一步”）。单击（函数（）{
$（'example vticker'）.vticker（'next'，{animate:false}）；
});
$（'#prev'）。单击（函数（）{
$（'example vticker'）.vticker（'prev'，{animate:false}）；
});
});
普雷弗奈特

不幸的是，这没有帮助。还有其他建议吗？编辑了我的答案。。尝试将双引号添加到模板元素中。我相信引号不会有问题，更可能是处理使用jquery.rss.js动态生成的内容。任何其他建议都将不胜感激。与jquery.rss.js和vticker.js相同的资源最初由和共享于。