javascript - 下拉更多错误

Question

我这里有一个脚本，如果我点击它就会下降，如果我在外面点击它也会下降。但我想这样做，如果我点击底部，它就会向上滚动。由于某种原因，它在这里不起作用。如果我在框外单击，它只会向上滚动。

举个例子。 http://jsfiddle.net/w8mfx/

如果我点击底部，只有当我点击外部时，它才会向上滚动。但我希望它能双向工作。

$(document).ready(function() {
    $('#bottom').click(function(event) {
    event.stopPropagation();
    $('#content').slideDown();

});

    $('html').click(function(e) {
        //alert(1);
        if (e.target.id != 'bottom') {
            $('#content').slideUp();
        }
    });
});

Answer 1

http://jsfiddle.net/w8mfx/7/

我补充说:

$('#content').click(function (event) {
    event.stopPropagation();
});

所以用户可以点击 #content 元素而不触发滑动功能。这也意味着 html 元素的事件处理程序可以更简单:

$('html').click(function(e) {
    $('#content').slideUp();
});

在 jsfiddle 中，您可能会注意到我将 $('#content') 选择器缓存在一个变量中，因为它被用于多个地方。