javascript - 使元素消失然后显示：无；

Question

我有一个淡入的元素，它的页面大小并超过整个页面的顶部。当您单击关闭按钮时，它应该淡出。我有这一切工作，但我的问题是当我关闭它时，它的不透明度设置为 0，但您仍然可以单击元素中的内容。（我有几个标签）

所以..你点击它，即使它是不可见的。我如何使它不出现在代码中，而不是只是变得不可见？

我有的：

$('#menu_thumbnails').toggle(function() {
                        $('div#thumbnails').show();
                        $('div#thumbnails').stop().fadeTo(500, 1);
                    }, function() {
                        $('div#thumbnails').stop().fadeTo(500, 0, hideThumbs());
                        function hideThumbs() {
                                $('div#thumbnails').hide();
                        }
                        } );

我也试过

$('div#thumbnails').css('display','none'); 

而不是 .hide() 但那没有做任何事情。

任何帮助都会很棒！谢谢

Answer 1

你有没有这样尝试过：

$('#menu_thumbnails').toggle(function() {
                        $('div#thumbnails').show();
                        $('div#thumbnails').stop().fadeTo(500, 1);
                    }, function() {
                        $('div#thumbnails').stop().fadeTo(500, 0,
                            function(){$(this).hide()});
                        } );

Answer 2

我不是 jquery 专家，但我认为问题在于您使用的是 .toggle()。toggle() 对选择器的显示属性的状态做出反应，因此如果它是可见的，它将隐藏并显示它是否隐藏。

因此，切换永远不会“不可点击”。