文章/答案/技术大牛

发布

社区首页 >问答首页 >计时器不显示

问计时器不显示
EN

Stack Overflow用户

提问于 2012-10-18 05:04:20

回答 1查看 2K关注 0票数 2

我使用的是jQuery simple timepicker (只是时间选择器，不是日期时间选择器)，但是我不能显示它。我使用modx 1.0.6演进，并通过分块将时间选择器添加到opt-in表单中。

下面是opt-in表单代码：

<div><input type="text" name="basic_example_2" id="basic_example_2" value="" /></div>

这是我的页眉，我已经修改了所有的jQuery文件都在应该在的地方，还用JSlint检查了jQuery代码，它说它是ok的：

<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; }

jquery

timepicker

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-28 05:03:39

从块中删除JS文件，因为modx似乎会在块中剥离它们，并将它们直接添加到标记之间。希望这对其他人有帮助。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12943347

复制

相似问题

问计时器不显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问计时器不显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问计时器不显示
EN