jQuery菜单悬停，但不要点击答案

【问题标题】：jQuery Menu Hover, but don't at clickjQuery菜单悬停，但不要点击
【发布时间】：2011-06-06 21:34:45
【问题描述】：

HTML 结构：

<a class="fadeThis"  id="paperoff" href="#"><span id="paperon" class="hover">News</span></a>

JAVASCRIPT：

$('.fadeThis > .hover').empty();    

$('.fadeThis').each(function () {
    var text = $(this).text();
    $(this).append(''+text+'');

    var $span = $('> span.hover', this).css('opacity', 0);  
    $(this).hover(function () {
        $span.stop().fadeTo(500, 1);
    }, function () {    
        $span.stop().fadeTo(500, 0);
    }).click (function () {
        // HERE SOMETHING THAT TELLS TO NOT FADE BACK THE SPAN (ONLY FOR THE CLICKED DIV).
});

});

【问题讨论】：

对不起！链接在这里：Laye.rs，当你点击菜单中的上传按钮时，我希望它保持淡入不淡出！因为上传是活跃的！

标签： javascript jquery href html

【解决方案1】：

你的问题不是很清楚，但是你想要这样的东西吗？

var fadeBlock = false;
$(this).hover(function () {
$span.stop().fadeTo(500, 1);
}, function () {
    if (!fadeBlock) {
      $span.stop().fadeTo(500, 0);
} else { fadeBlock = false;}
}).click (function () {
   fadeBlock = true;
});

【讨论】：