gpt4 book ai didi

jQuery 日期选择器显示在弹出窗口后面

转载 作者:行者123 更新时间:2023-12-01 06:13:13 25 4
gpt4 key购买 nike

我正在使用两个不同的 jQuery 插件,我试图将它们组合起来。首先,我使用 http://fancybox.net/home 中的弹出插件。当弹出窗口显示时,我需要在弹出窗口内有一个带有日期选择器的文本字段。日期选择器来自 jQuery UI。问题是日期选择器总是显示在弹出窗口后面,因此无法选择日期。我可以通过某种方式改变这一点吗?

我的代码:

<html>
<a id="inline" href="#data">Open popup</a>

<div style="display:none"><div id="data">
<input id="datepicker" type="text">
</div></div>
</html>

<script type="text/javascript">
$(document).ready(function() {
$("a#inline").fancybox();
$("#datepicker").datepicker();
});
</script>

最佳答案

您需要将日期选择器的 z-index 设置为高于 fancybox 的 z-index。 fancybox z-index 是 1101,只需将日期选择器设置为 1102 或更高的值,它应该将日期选择器带到前面。

关于jQuery 日期选择器显示在弹出窗口后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3502218/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com