jQuery 插件 - 简单的功能帮助

Question

我正在使用 这个 jQuery 插件 在我的网站上呈现一种“功能列表”我正在努力。这个插件非常简单，并且有效地完成了此演示所示的功能。

不过，我想在此实现一个功能。我希望能够在每个选项卡的内容区域中放置“上一个”和“下一个”链接，以切换到上一组或下一组内容。

任何人都可以提供一些帮助，说明如何使用此 jQuery 插件实现此功能？

非常感谢您能够提供的任何帮助...

Answer 1

您只需添加调用 .click()previous/next 链接即可code> （相当于 .trigger('click') 右侧选项卡元素上的

演示 →

标记、CSS 和 JS 与中链接的演示相同。除了以下问题：

HTML

<div id="content">
    <!-- snip, no changes here -->
    <span id="featureNav">
        <a id="prev">< prev</a>
        |
        <a id="next" href="javascript:;">next ></a>
    </span>
</div>

CSS

#content {
    position: relative;
}

#featureNav {
    position: absolute;
    bottom: 0;
    right: 0; 
}

JavaScript

$('#prev').click(function ()
{
    var $current = $('#tabs li a.current'),
        $prev = $current.parent().prev();

    if (!$prev.length)
    {
        $prev = $current.parent().siblings(':last');
    }

    $prev.find('a').click();
});

$('#next').click(function ()
{
    var $current = $('#tabs li a.current'),
        $next = $current.parent().next();

    if (!$next.length)
    {
        $next = $current.parent().siblings(':first');
    }

    $next.find('a').click();
});

如果您了解 jQuery 插件的编写方式，那么将此代码合并到插件中应该很容易，我不确定您是否想要一次性解决方案，或者进行更改。插件本身。