Question

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

所以..你点击它即使它看不见。如何让它在代码中不显示AT ALL，而不仅仅是隐形？

我有什么：

$('#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（）对选择器的display属性的状态作出反应，因此如果它是可见的，它将隐藏并显示它是否被隐藏。

因此切换时永远不会“无法点击”。

使元素消失然后显示：无;

2 个答案: