基本上,我有一个名为“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
}
});
},
我希望我在这里有意义。任何帮助表示赞赏。
答案 0 :(得分:0)
要检查是否有任何有效的选择,并检查长度属性。
if ($('li.toggle.active').length > 0)
您想要检查包含点击按钮的li是否处于活动状态?
if ($(this).parent("li").hasClass("active"))