点击后淡出

Question

我想要与stackoverflow相同的行为。

在SO中，点击未读取的收件箱后，如果我们点击任何其他地方，它就会淡出。

我有这个HTML：

<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

试试这个

打我

$（＆＃34; #smaidid＆＃34;）。click（function（）{

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