Question

我过去从其他帖子得到了很多帮助，所以我希望你现在可以帮助我。

我想使用带有寻呼机功能的jquery循环（http://malsup.com/jquery/cycle/pager3.html）但是它不是生成缩略图作为链接，我希望导航是手风琴树中的文本链接，就像这个可爱的演示：jquery.bassistance.de/treeview/demo/?1.0

我的主要问题是寻呼机周期生成数字而不是文本作为链接，并覆盖我尝试使用图片标记中的'title'标记，并更改js中的'return'

  <script type="text/javascript">
  $(function() {
    $('#s4').before('<div id="nav" class="nav">').cycle({ 
          fx:     'fade',
          speed:  'fast',
          timeout: 0,
          pager:  '#nav',
           pagerAnchorBuilder: function(idx, slide) { 
          return '<li>' + $(slide).attr('title') +  '</li>';

            } 
            });
        });
  </script>

哪个有效 - 然后让我无法操纵或设置文本链接。理想情况下，我希望将导航放在文本树中，如上面的链接。

我对JQuery很陌生并且只通过线程，tuts和论坛了解了解我所知道的但是我真的无法弄清楚如何正确编写它......太令人沮丧了！

Answer 1

循环文档建议您使用css，例如

#nav a { border: 1px solid #ccc; background: #fc0; text-decoration: none; margin: 0 5px; padding: 3px 5px; }
#nav a.activeSlide { background: #ea0 }
#nav a:focus { outline: none; }

如果您不想在pristine css文件中使用所有内容，可以使用$（'head'）。append（）或其他内容将其写入您的html。或者你可以使用像

这样的东西用jQuery设置元素的样式

$('#nav a').css({
  border: '1px solid #ccc',
  background: '#fc0',
  text-decoration: 'none',
  margin: '0 5px',
  padding: '3px 5px',
  focus: { outline: 'none' }
}).filter('.activeSlide').css({
  background: '#ea0'
});

这是未经测试的，而“焦点：{...}”部分只是一厢情愿的想法。我不知道是否有办法用jQuery做到这一点。

Jquery循环寻呼机与菜单树？

1 个答案: