2013-03-14 192 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