Question

我正在尝试将Nivoslider添加到我的网站中，但它无法正常工作。请帮帮我！它在本地工作，但不在我的服务器上。我查看了其他响应并尝试了它们......我使用的是审查服务器吗？

(index):30 Uncaught TypeError: $(...).nivoSlider is not a function
at (index):30
at dispatch (jquery.min.js:3)
at i (jquery.min.js:3)
(anonymous) @   (index):30
dispatch    @   jquery.min.js:3
i   @   jquery.min.js:3

这是显示的错误消息。

    <!DOCTYPE html>
<html lang="en"><head>
...

  <!-- Styles -->
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900|Montserrat:400,700' rel='stylesheet' type='text/css'>


  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">

  <script src="js/modernizr-2.7.1.js"></script>

  <link rel="stylesheet" href="nivo-slider.css" type="text/css" />  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(window).on('load', function() {
    $('#slider').nivoSlider(); 
}); 
</script>
</head>

<body>
    <!--Pricing-->
    <section id="pricing" class="pad-lg">
      <div class="container">
        <div class="row margin-40">
          <div class="col-sm-8 col-sm-offset-2 text-center">
            <h2 class="white">Gallery</h2>

<div id="slider" class="nivoSlider">
<img src="img/1.jpg" data-thumb="img/1.jpg" alt="" />
</div>



          </div>
        </div>
      </div>
    </section>

    <!-- Javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
    <script src="js/wow.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>


    </body>
</html>

Answer 1

您的服务器上看起来没有与本地文件相同的文件。确保将本地项目的所有文件上载到服务器，确保文件的路径相同。我的猜测是你的服务器上没有这个文件＆lt; script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>，这就是为什么它找不到函数nivoSlider()

$（...）。nivoSlider不是一个函数

1 个答案: