next li active触发器功能

时间:2011-12-21 03:46:40

标签: jquery function triggers toggle

基本上,我有一个名为“toggler”的功能,当li触发器处于活动状态时,它会改变站点的背景和内容。该网站的这一部分非常完美。然后我添加了左右方向<a>标签,这就是我在挠头的地方。我需要这些<a>标记触发器来调用toggler函数并循环遍历所有li,而内容中没有间隙。现在,在最后一个孩子到第一个孩子的内容之间存在差距。

arrow_trigger: function() {
    $('#rightScroll').bind('click', function(e){

    // Determine current active - 
    if ($('li.toggle.active'))  
    {

        // If there's an active, next li a is passed to toggler.
    if ($('ul#menu li.active').length > 0)
    {
        // There's an active. yippidedooooo!!!!
        var next = $('ul#menu li.active').next('li').children('a');

        // If no next - default back to first.
        if (next.length > 0)
        {
                        SITE.toggler(next);

        } else {

            // No 'next'
            console.log('foo');
            SITE.toggler($(active).children('a'));
        }


    } else {

        // Default to first LI
        var active = $('ul#menu li:first-child');

        SITE.toggler($(active).children('a'));
    }

    // If active = last li - first li a is passed to toggler
    }   
    });

},

我希望我在这里有意义。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

要检查是否有任何有效的选择,并检查长度属性。

if ($('li.toggle.active').length > 0)

您想要检查包含点击按钮的li是否处于活动状态?

if ($(this).parent("li").hasClass("active"))