gpt4 book ai didi

javascript - jQuery TimePicker 主题不工作

转载 作者:行者123 更新时间:2023-11-28 18:52:02 25 4
gpt4 key购买 nike

我错过了什么?我的时间选择器看起来像这样,它没有使用时间选择器的主题。

enter image description here

内部 html 文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<link type="text/css" href="css/jquery-ui-1.8.16.custom.css" />
<link type="text/css" href="css/jquery.ui.all.css" />
<style type="text/css">
#ui-datepicker-div, .ui-datepicker{ font-size: 80%; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
</style>
<script type="text/javascript" src="script/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="script/jquery-ui-1.8.16.custom.min.js" ></script>
<script type="text/javascript" src="script/jquery-ui-timepicker-addon.js" ></script>
<script type="text/javascript" src="script/jquery-ui-sliderAccess.js" ></script>


<script type="text/javascript">
$(document).ready(function(){
$("#time").timepicker({
addSliderAccess: true,
sliderAccessArgs: { touchonly: false }
});
});
</script>
</head>

<body>
<input type="text" value="" id="time" />
</body>
</html>

我加载 js 文件的顺序有误吗?

enter image description here

一些引用链接。

jsfiddle.net/MyNameIsCode/eb8Dz

提前致谢!

最佳答案

您下载的主题有主题名称吗?有时主题 CSS 路径可能需要包含该名称...例如,如果主题名称是“custom-theme”,它会是这样的:

<link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" />

除非您确定您的 CSS 文件的路径是正确的。从您的第一个屏幕截图来看,似乎实际上并未找到 CSS 部分。

编辑:

查看下面的链接后,jquery-ui 主题 CSS 文件(那个特定的 Overcast 主题 CSS 文件)似乎有问题。如果我更改 top,它似乎可以工作CSS 链接到这样的东西:

<link type="text/css" rel="stylesheet" href="http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css" />

另请注意:CSS 链接似乎需要额外的内容:

rel="stylesheet"

在那里...否则它仍然不会正确显示。

ui-lightness 主题可能不是您要找的...但是,我可能会尝试重新下载 Overcast 主题,看看是否可行.

关于javascript - jQuery TimePicker 主题不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8997914/

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