DropDown滚动?

时间:2011-12-09 22:33:44

标签: javascript jquery html

我正在尝试获取我的下拉菜单框,以便如果我在其外部单击它将向上滚动。我正在使用下面的代码来做到这一点。但出于某种原因,当我点击它时,它只是无缘无故地向上滚动。你可以在这里看到我的意思。 http://bit.ly/sIvM2I要查看示例,请点击查看我们的新饲料。

这是使用http://jsfiddle.net/zBkxj/6/的jfiddle。要查看示例,请点击查看我们的新饲料。

为什么我在http://bit.ly/sIvM2I点击它时只是向上滚动?我的javascript出了什么问题?要查看示例,请单击查看我们的新进料。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('#bottom').click(function() {
    $('#content').slideDown();
});

$(document).click(function(e) {
    if (e.target.id !='bottom') {
        $('#content').slideUp();
    }
});
});//]]>  

</script>

1 个答案:

答案 0 :(得分:1)

此代码按预期工作

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

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

js fiddle

尝试现场演示