点击后淡出

时间:2014-04-05 11:18:58

标签: javascript jquery html

我想要与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>后,会打开一个下拉列表。没关系。之后,如果用户点击其他地方,它应该淡出。

那么,我应该怎么做?

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

你这里也有一个错字:

$('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');
    });
});

答案 2 :(得分:0)

试试这个

打我

$(&#34; #smaidid&#34;)。click(function(){

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