jQuery中的$ .noop（）变量适用于一个循环，但不适用于两个

此脚本适用于fadeIn onClick然后fadeOut onClick的文本框。这是第一次。但是，第二次执行时，$ .noop（）变量不起作用。 Here's我刚开始工作的网站的链接。如果你点击“音乐”，“生物”或“链接”标签两次，你会看到我在说什么。这里的jQuery：

$(document).ready(function() { 
$('#music-box').hide(); 
    $('#links-top-music').click(function() { 
     $('#music-box').fadeIn(1000); 
     $.noop(); 
       $('#links-top-music').click(function() { 
        $('#music-box').fadeOut(750); 
       }); 
      }); 
     });

来源

2011-08-11 Graham

'$ .noop（）'没有做任何事情（根据定义）。无论你想要做什么，你做错了。 – tylerl

[jQuery上的noop函数]（http://api.jquery.com/jQuery.noop/）什么都不做 - 它是一个NO-OPeration函数。它不是直接调用，而是传递给未使用的回调函数。 – OverZealous

我试图让框保持淡入，直到点击。我应该使用什么变量？它对第一个fadeIn/fadeOut工作正常。但是，之后暂停效果否是活动的。 – Graham

：

$(document).ready(function() { 
    var buttonStatus = false; 
    $('#music-box').hide(); 
    $('#links-top-music').click(function() { 
     if(buttonStatus) { 
      $('#music-box').fadeOut(750); 
     } else { 
      $('#music-box').fadeIn(1000); 
     } 
     buttonStatus = !buttonStatus; 
    }); 
});

这将有形和无形之间切换。

来源

2011-08-11 05:17:09 OverZealous

试试这个。

$(document).ready(function() { 
    $('#music-box').hide(); 
    $('#links-top-music').click(function(evt) { 
     if ($('#music-box:visible').length) { 
      $('#music-box').fadeOut(750); 
     } 
     else { 
      $('#music-box').fadeIn(1000); 
     } 
     evt.preventDefault(); 
    }); 
});

演示在这里：根据您的更新评论http://jsfiddle.net/naveen/pfT5E/

来源

2011-08-11 05:17:07 naveen

我更喜欢你的。我会离开我的后代。 – OverZealous

也很棒。谢谢 – Graham

高兴地帮助... – naveen

jQuery中的$ .noop（）变量适用于一个循环，但不适用于两个

回答

相关问题