2
我使用的是jQuery simple timepicker（只是timepicker而不是datetimepicker），我无法展示它。我正在使用Modx 1.0.6进化，并通过块将选择器添加到选择加入表单中。Timepicker not displayed
这里是选择的形式代码：
<div><input type="text" name="basic_example_2" id="basic_example_2" value="" /></div>
这里是我的网页标题，我已经修改了所有的jQuery的文件，其中应该是，也检查了jQuery代码与JSLint的，它说它的确定：
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
<base href="[(site_url)]"></base>
<link rel="stylesheet" href="assets/templates/landing-page/layout.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/landing-page/modxmenu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/landing-page/form.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/landing-page/modx.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/landing-page/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.23/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="assets/templates/landing-page/jquery-ui-timepicker-addon.css" />
<script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
<script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"></script>
<script type="text/javascript" src="assets/templates/landing-page/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="assets/templates/landing-page/jquery-ui-sliderAccess.js"></script>
<script>
$(function() {
$("#datepicker").datepicker({showAnim: 'slideDown'});
});
</script>
<script>
$('#basic_example_2').timepicker();
</script>
</head>
我已经试过这样：
$('#basic_example_2').timepicker({});
这：
$(function() {
$('#basic_example_2').timepicker({});
});
这：
$('#basic_example_2').timepicker();
和公正的情况下，重要的，我不认为它应该，但嘿的CSS已经被添加到我的layout.css中的文件：
.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; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
你的timepicker应该在document.ready中。此外，ID必须是唯一的，因此请确保您不止一次在页面上拥有＃basic_example_2。 –
你是否在控制台中发现任何错误？ –
首先感谢我在这个网站上潜伏了多年的快速反应，从未发布.... 在控制台中没有错误我使用铬金丝雀，它不会抛出任何东西，我试过不同的ID作为好吧，就像他在网站上显示的一样，我甚至下载了他的整个网站，并且在本地工作，但是无法使用这个modx安装程序!!!!!!!! （ ）当你说它应该在document.ready中时，究竟是什么意思 再次感谢 Chris – vimes1984