我正在尝试在我的网站上实现JQuery vTicker。我正在标题中加载Jquery:
<script src="assets/js/jquery.vticker.js" type="text/javascript" ></script>
还将此脚本标记放在头中:
<script type="text/javascript">{literal}$(function() {$("#myclass").vTicker({
speed: 500,pause: 3000,animation: 'fade',mousePause: false,showItems: 3});});{/literal</script>
但是我得到以下错误:
$("#myclass").vTicker is not a function
showItems: 3
如有任何帮助/提示,我们将不胜感激。网站链接:http://67.20.122.201/boikeno/home.php
该网站使用Smarty和PHP
您还需要包含完整的jquery库,vticker文件只是一个插件。
编辑:
仔细查看了您的页面。你有各种各样的疯狂…你定义了两个DOCTYPE,两个<头部>块,并且在包含jquery之前先包含vticker。所有这些都应该清理干净,但在这里阻碍您的主要问题似乎是,在包含vticker之前,您需要包含jquery。
您在页面中包含了三个版本的jQuery,这导致了错误。删除对1.6和1.4.4(您正在托管的)的引用
您当前包括:
http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js
和
http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js
和
http://67.20.122.201/boikeno/assets/js/jquery.min.js
还包括jQuery库。因为插件使用的是jQuery函数。
你的头部应该像这个
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="assets/js/jquery.vticker.js" type="text/javascript" ></script>
您的页面有两个对jQuery的不同版本的引用。只要一个(最新的稳定)就足够了。