gpt4 book ai didi

javascript - JQuery timepicker 插件隐藏在模式窗口后面

转载 作者:行者123 更新时间:2023-12-03 07:43:38 24 4
gpt4 key购买 nike

我正在互联网和堆栈的其他问题上寻找答案,但没有一个解决方案适合我。我已经尝试了好几天了。我的 timepicker JQuery 插件出现在触发的模式窗口后面。距离科学博览会已经没有多少时间了,我真的遇到了麻烦。如果有人知道如何帮助我,我会非常非常感激。干杯伙计们并提前致谢。代码和图片如下:

Screenshot of time-picker

表单部分

<div class='form-group'>
<label for='start' class='col-xs-4 control-label'>Starting time</label>
<div class='col-xs-5'>
<?php include('test.php'); ?>
</div>
</div>

测试.php

<html>
<head>
<style type="text/css" media="all">@import "timePicker.css";</style>
<style type="text/css">
input {
margin:0;
padding:0;
}
pre {
background:#fff;
border:1px solid #ddd;
padding:4px;
}
.ui-timePicker {
position: relative;
z-index: 10000 !important;
}
</style>
<meta charset='utf-8'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript" src="jquery.timePicker.js"></script>
</head>
<body>
<p><input id="time1" type="text" class="time form-control" /></p>
<script>
$("#time1").timePicker();
</script>
</body>
</html>

最佳答案

您是否尝试过仅更改时间选择器的 z 索引?

<style>
#time1{
z-index:1151 !important;
}
</style>

关于javascript - JQuery timepicker 插件隐藏在模式窗口后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35301991/

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