试图实现jQuery插件,失败

时间:2015-01-17 00:44:06

标签: javascript jquery html twitter-bootstrap

我还没有成功调用我通过单独的.js文件加载的jQuery函数,并且我已经检查并三次检查了几个小时,我仍然无法弄清楚我是什么&# 39;做错了。例如,此插件:http://vitalets.github.io/combodate/

这是我页面上的代码:

<input type="text" id="date" data-format="DD-MM-YYYY h:mm a" data-template="DD / MM / YYYY     hh : mm a" name="date" value="21-12-2012 8:30 pm">
<script>
$(function(){
$('#date').combodate();
});
</script>

结果:没有。老实说,我看不出有什么不对。我已根据插件文档中的示例代码检查并检查了它,并尝试了许多不同的语法。我试过noConflict。对于我尝试通过脚本标记实现的所有 jQuery插件,我有类似的结果。

覆盖我的基础:是的,加载了jquery.js,加载了插件。该插件还依赖于moment.js,我已经加载了。这是我的页脚的相关部分,以防你在那里看到任何问题。

<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="owl-carousel/owl.carousel.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.7"></script>
<script src="assets/js/maplace-0.1.3.js"></script>
<script src="moment.min.js"></script>
<script src="combodate.js"></script>

所有这些src链接都很好,我在加载页面后检查了它们。

像我说的那样,每次都会发生这种情况。但我也在JSfiddle中尝试了这个确切的代码(甚至检查以确保它与Bootstrap没有冲突,根据JSfiddle的说法,至少它并没有)并且它的工作原理因为......某种服务器设置或什么,或者我需要在脚本标签中放置一些属性?谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

我们将以两面诊断这个

  1. 使用最新的jquery库,如果没有锻炼

  2. 使用最新的jquery库并删除owl.carousel.js,maplace-0.1.3.js和google map Api,然后重试。如果是锻炼,那就意味着它们在图书馆之间存在冲突。