點擊後淡出

Question

我想要和stackoverflow一樣的行爲。

在SO中，當我們點擊未讀的收件箱，它是紅色的，如果我們點擊其他地方，它會淡出。

我有這個網站：

<small class="notifi pull-right">1</small> 

而且目前我正在做：

$('small.pull-right').click(function() { 
     var that = this; 
     $(document).one('click', function() { 
      $(that).hide('fade'); 
     }); 
    }); 

但是，這是行不通的。點擊<small>後，會打開下拉菜單。沒關係。之後，如果用戶點擊其他地方，它應該淡出。

那麼，我該怎麼辦？

Answer 1

試試這個

HTML代碼

<small class="notifi pull-right">1</small> 

jQuery的

$('.pull-right').click(function() { 
     var that = this; 
     $(document).one('click', function() { 
      $(that).hide('fade'); 
     }); 
    }); 

見DEMO

Answer 2

你也有一個錯字在這裏：

$('small.notify.pull-right') 

它必須是

$('small.notifi.pull-right') 

這裏運行演示：http://jsfiddle.net/Hnz5p/

我會寫：

var button = $('small.notifi.pull-right'); 
button.click(function() { 
    $(document).one('click', function() { 
     button.fadeOut('slow'); 
    }); 
}); 

Answer 3

試試這個

打我

$（ 「＃smallid」）。點擊（函數（）

$("#smallid").fadeOut(); 
});