我正在尝试在我的网站中实现 timepickr 元素,但是该元素似乎可以在页面的一个部分中正常工作,但在另一个部分中却不行。
我引用了相应的 css 文件……</p>
<link rel="Stylesheet" media="screen" href="ui.timepickr.css" />
<link rel="stylesheet" media="screen" href="jquery.timepickr.css" type="text/css" />
以及 jQuery 文件……</p>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ui.all.js"></script>
<script type="text/javascript" src="js/jquery.timepickr.js"></script>
这些文件的路径是正确的。我在页面头部写了jQuery函数……</p>
<script type="text/javascript">
$(function(){
$('#timestart').timepickr();
});
</script>
然后,在页面的主体中,我创建对象,引用 timepickr 函数……</p>
<input id='timestart' type='text' value='09:00' />
它工作正常。但是,当我稍后在同一页面中使用完全相同的代码时,timepickr 功能不会启动。
我希望该功能起作用的区域位于另一个 DIV 部分,其内容来自页面中的 Ajax 调用。
这是我在页面中唯一的 jQuery 项目。
页面 itelf 只有一个 timepickr 引用。