0

我是 Jquery 的新手,我很确定我错过了一个问题所在的文件,但我有点迷失了应该使用哪些文件。这是头部和一堆其他 css 和 js 文件,因为我不确定是否也可能存在冲突。

</head>
<!--Tab menu css and javascript link-->
<script type="text/javascript" src="js/tabcontent.js"></script>
<link href="css/tabcontent1.css" rel="stylesheet" type="text/css" />

<!--left menu gallery slider css and javascript-->
<link rel="stylesheet" type="text/css" href="css/login_panel/css/slide_hm.css" media="screen" />
<script src="css/login_panel/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="css/login_panel/js/slide_hm.js" type="text/javascript"></script>

<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.21/themes/ui-lightness/jquery-ui.css" />
<script>document.documentElement.className = "js";</script>
<script src="../vendor/jquery-1.7.2.js"></script>
<script src="../vendor/json2.js"></script>
<script src="../src/jquery.collapse.js"></script>
<script src="../src/jquery.collapse_storage.js"></script>
<script src="../src/jquery.collapse_cookie_storage.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script></head>

这是我的代码:

<script type="text/javascript">$(function(){
$('#example1').timepicker();
});
</script>

这是输入:

<input type="text" name="example1" id="example1" value="" />

但是什么都没有出现,chrome给出了一个错误:Uncaught TypeError: Object [object Object] has no method 'timepicker'

所以我的问题是我把代码弄乱了还是我错过了一个文件,如果是这样,我在哪里可以下载它来添加它。

4

2 回答 2

2

检查您需要哪个 jquery 版本,我数了多个,第二次在加载整个 HTML 内容时使用一个函数,例如

$(document).ready(function() { 
 // timepicker code here
}

$(function() {})不建议使用,请参阅链接

于 2012-09-09T21:48:08.137 回答
1

这里似乎有几个问题,重要性各不相同;

你的第一行可能应该是 head,而不是 /head,因为你在帖子的末尾有另一个 /head。

您至少包含三个版本的 jQuery -“css/login_panel/js/jquery-1.3.2.min.js”、“../vendor/jquery-1.7.2.js”和“js/jquery.min” .js”。检查哪个是最新版本,并将其包含在当前包含 jquery-1.3.2.min.js 的行中。删除其他。

您可能应该在包含 jQuery 之后立即包含 jQuery UI,然后再包含 timepicker 库。

有人建议你应该将调用 timepicker 的代码包装在一个 ready() 函数中,你已经在这样做了;$(function() {}) 等价于 $(document).ready(function() {})。

但是,您可能会发现,从长远来看,稍微改变您的操作方式会为您省去一些麻烦,如下所示;

jQuery(function($) {
    $('#example1').timepicker();
});

(这相当于你正在做的事情,但如果启用了 jQuery 的 noConflict 功能,它将起作用)

您的代码不起作用的原因似乎是您包含了 timepicker CSS 文件(“jquery-ui-timepicker-addon.css”),但您没有包含 timepicker javascript 文件。

于 2012-09-09T22:00:14.667 回答