jquery - 在 Mac 浏览器（如 safari/chrome）上的绝对/相对元素上显示块/无

Question

我不确定我是否正确命名了我的问题，但我通过演示链接对问题的描述应该让您简要了解我面临的问题。

我有一组选择元素，我正在自定义编写一些 jquery 脚本。在更大程度上，我能够定制元素的外观。

我的行为有些问题，比如当我点击下拉菜单时，会出现选项。当我选择其中一个选项时，我希望关闭此选项列表。但我看到了一个奇怪的行为。选项列表关闭，但视图保留。

请找到我用来隐藏选项列表的代码。

$(document).delegate('.custom-dropdown .arrow, .custom-dropdown .text','click',function(e){
$(this).parents('.row').addClass('is-overflow-visible');
e.stopPropagation();
});

演示

如果我无法正确解释，请向我提问。

感谢任何帮助。谢谢。

Answer 1

显示/隐藏父元素将修复它。或者单击选择项后切换选项卡时不会出现此问题。

我已经编辑了您在解决方案中发布的 jsFiddle 链接，您可以尝试一下。

var $el = $('.is-overflow-visible').removeClass('is-overflow-visible').parent().hide();
setTimeout(function () { $el.show() })

参考：如何强制 WebKit 重绘/重绘以传播样式更改？