2013-03-14 153 views
0
if(jQuery('.hero .contenido .activo').next().length > 0){ 
    jQuery('.hero .mas').click(function(){ 
     jQuery('.hero .contenido').find('.activo').fadeOut('fast'); 
     jQuery('.hero .contenido').find('.activo').removeClass('activo').next().fadeIn('fast').addClass('activo'); 
    }); 
} 

<div class="hero"> 
    <div class="nav"> 
     <div class="mas"></div> 
     <div class="boton b1"></div> 
     <div class="boton b2"></div> 
     <div class="boton b3"></div> 
     <div class="menos"></div> 
    </div> 
    <div class="contenido"> 
     <div class="uno activo"></div> 
     <div class="dos"></div> 
     <div class="tres"></div> 
    </div> 
</div> 

if语句不工作良好,当DIV CLASS = “TRES” 获取类 “ACTIVO”,就这样<div class="tres activo"></div>没有 “下一个” DIV,但IF语句仍然TRUE,它永远不会停止......我希望有人能帮助IF语句麻烦的jQuery

我使用jQuery.noConflict()

+0

不知道你想做什么。你可以在jsbin.com上创建它吗? – 2013-03-14 17:25:14

+0

顺便说一句,'noConflict'不应该破坏任何情况 – 2013-03-14 17:27:07

回答

0

if语句去点击功能里面,不在外面

jQuery('.hero .mas').bind('click', function(){ 
      if(jQuery('.hero .contenido .activo').next().length > 0){ 

http://jsfiddle.net/9RCQL/

+2

请注意'bind'语法已被弃用。你现在应该使用'on' – 2013-03-14 17:27:53

+0

Rodrigo Assis,你太棒了!现在它工作完美!非常感谢! – Penril 2013-03-14 17:49:13