Плагин jQuery - простая справка по функциям - PullRequest
Новая
       27

Плагин jQuery - простая справка по функциям

0 голосов
/ 28 февраля 2011

Я использую этот плагин jQuery , чтобы представить своего рода «список возможностей» на веб-сайте, над которым я работаю.Этот плагин довольно прост и эффективно выполняет то, что показывает в этой демонстрации .

Существует, однако, одна функциональность, которую я хотел бы реализовать в этом.Я хотел бы иметь возможность разместить ссылку «предыдущий» и «следующий» в области содержимого каждой вкладки, чтобы переключиться на, ну, в общем, предыдущий или следующий набор содержимого.

Может кто-нибудь предложить некоторую помощьчто нужно сделать для реализации этой функциональности с помощью этого плагина jQuery?

Большое спасибо за любую помощь, которую вы можете предложить ...

1 Ответ

0 голосов
/ 28 февраля 2011

Вам просто нужно добавить previous/next ссылки, которые вызывают .click() (эквивалент .trigger('click') в правом элементе вкладки.

Демо →

Разметка, CSS и JS идентичны демоверсии, связанной в вопросе, за исключением следующего:

HTML 

<div id="content">
    <!-- snip, no changes here -->
    <span id="featureNav">
        <a id="prev">&lt; prev</a>
        |
        <a id="next" href="javascript:;">next &gt;</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, включить этот код в плагин будет довольно легко. Я не уверен, что вам нужен одинили изменение самого плагина.

...