jquery - jCarousel Lite Uncaught TypeError: Object [object Object] has no method 'jCarouselLite'

Question

我已经按照这个http://www.gmarwaha.com/jquery/jcarousellite/#install 完成了每一步，似乎没有得到任何快乐。

我已经检查了脚本是链接并且响应它们似乎都可以在调试器中查看，所以我认为它与此无关。

任何帮助启动和运行它都会很棒，这是我试图让它工作并在控制台中不断收到此错误的网站：

未捕获的类型错误：对象 [object Object] 没有方法“jCarouselLite”

http://goo.gl/58Ds2

谢谢

Answer 1

您必须包含 jQuery 库，我检查过该库不在该页面上的正确位置。您必须在任何使用它的脚本之前包含 JQ 库。任何一个：

在页面顶部弹出这个并删除第 21 行（您当前的脚本）

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

或移动

<script type="text/javascript" src="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/js/jcarousellite.js"></script>

在您的标记中的第 21 行下方。

您的轮播脚本依赖于 jquery 库。如果在使用它的脚本之前未包含 jquery，您将收到此错误。确保将任何 jquery 脚本声明放在任何和所有使用/依赖它的脚本之上。

现有标记

    <script type="text/javascript" src="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/js/jcarousellite.js"></script>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>Sportsrule, Sports event management and language services for sports teams, sports events and the sports industry</title>

        <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/css/nivo-slider.css" media="all" />
           <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/style.css" media="all" />
 <!--   
 <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 -->


            <link rel="pingback" href="http://176.32.230.13/test-getextra.co.uk/xmlrpc.php" />
            <link rel='stylesheet' id='NextGEN-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.2.1' type='text/css' media='all' />
<link rel='stylesheet' id='jquery.lightbox.min.css-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/wp-jquery-lightbox/styles/lightbox.min.css?ver=1.3.4' type='text/css' media='all' />
<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.9995'></script>
<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.06'></script>

所需的标记

            <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>Sportsrule, Sports event management and language services for sports teams, sports events and the sports industry</title>

        <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/css/nivo-slider.css" media="all" />
           <link rel="stylesheet" type="text/css" href="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/style.css" media="all" />
 <!--   
 <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 -->


            <link rel="pingback" href="http://176.32.230.13/test-getextra.co.uk/xmlrpc.php" />
            <link rel='stylesheet' id='NextGEN-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/css/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.2.1' type='text/css' media='all' />
<link rel='stylesheet' id='jquery.lightbox.min.css-css'  href='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/wp-jquery-lightbox/styles/lightbox.min.css?ver=1.3.4' type='text/css' media='all' />

<!-- MOVED TOP SCRIPT INCLUSION LINE BELOW JQUERY INCLUSION RIGHT HERE -->

<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
<script type="text/javascript" src="http://176.32.230.13/test-getextra.co.uk/wp-content/themes/Sportsrule/assets/js/jcarousellite.js"></script>


<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.9995'></script>
<script type='text/javascript' src='http://176.32.230.13/test-getextra.co.uk/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.06'></script>