【问题标题】:external link with jquery cycle带有 jquery 循环的外部链接
【发布时间】:2012-12-10 04:35:00
【问题描述】:

我想使用 jquery 循环向其中一个导航按钮添加外部链接。让我们假设有 5 个按钮,我想做其中一个外部链接。有什么建议吗?

    $('#content').cycle({
        fx:     'scrollUp',
        speed:  'slow',
        timeout: 0,
        pager:  '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            // return sel string for existing anchor
            return '#nav li:eq(' + (idx) + ') a';
        }           
    });

这是我发现的,请看评论

    $('#content').click(function() { 
    $('#nav li:eq(2) a').trigger('click'); 
    **return '<a href="' + el.src + '">' + (i+1) + '</a>';** // this should be it but how do I implement so both triggers work accordingly?
}); 

和html大纲:

<div class="menu">                          
                            <ul id="nav">
                                <li class="home"><a href="#home" title="home" >Home</a></li>
                                <li class="about"><a href="http://www.dot.net/Resume.pdf" title="about" class="external">About</a></li>
                                <li class="networks"><a href="#networks" title="networks">Networks</a></li>
                                <li class="last contact"><a href="#contact" title="contact">Contact</a></li>
                            </ul>
                        <br class="spacer"/>
                        </div>

【问题讨论】:

  • 对不起,从底部开始添加 4 行,我应该将它们分开,但那不应该在那里。我只需要控制#content (#nav)。
  • 建议您只创建自己的寻呼机和事件,而不是在 pagerAnchorBuilder
  • 在 jquery 方面不是很有天赋
  • 没关系。单击#content 上的任意位置将触发“#nav li:eq(2) a”上的单击事件。“#nav li:eq(2) a”事件处理程序有什么作用?实际上正确的问题是应该触发/导致添加外部链接的事件是什么?是在分页期间吗?能否分享一下您网页的 HTML 大纲。
  • 是的,让我很快澄清一下。最后四行是另一个基础,可能不相关。但是如果我用 return '#nav li:eq(' + (idx) + ') a'; 替换它,返回部分效果很好。但随后其他选项卡不起作用。

标签: jquery cycle jquery-cycle


【解决方案1】:
if (which == "resume"){     
      $('#nav li:eq(2) a').trigger('click'); 
    return '<a href="' + el.src + '" >' + (i+1) + '</a>';

这是我目前的解决方案。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-24
    • 2021-01-06
    • 2018-03-23
    • 1970-01-01
    • 1970-01-01
    • 2014-11-23
    相关资源
    最近更新 更多