Question

我不确定我是否正确地提出了我的问题，但是我对带有演示链接的问题的描述会给你一个关于我所面临的问题的简要说明。

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

我的行为存在问题，例如当我点击下拉列表时，会出现选项。当我选择其中一个选项时，我希望关闭这个选项列表。但我看到一种奇怪的行为。选项列表关闭但视图仍然存在。

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

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

Demo

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

感谢任何帮助。感谢。

Answer 1

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

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

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

参考：How can I force WebKit to redraw/repaint to propagate style changes?

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

1 个答案: