$（'＃slider'）。nivoSlider（）;是不是一个功能

首先，我一直在寻找类似的问题，但没有任何结果，这里是我的问题。

我能够建立NIVO滑块完全正常的局部，但是当我复制和粘贴同样的事情和IM谈论这两个文件夹和立场的文件夹到我的webhotel我得到以下错误：

$('#slider').nivoSlider(); is not a function

我一直工作了几个小时，现在没有结果和它开始让我反感：S

这里是我的文件夹结构的一些图片，我强调的重要文件，其中现货：

我的索引文件

<!DOCTYPE html> 
<?php 
include 'includes/page.class.php'; 
$url = isset($_REQUEST['url']) ? $_REQUEST['url'] : null; 
$page = ($url != null) ? new page($url) : new page(); 
?> 
<html> 
<head> 

<link href="site/css/custom.css" rel="stylesheet" type="text/css" 
    media="screen" /> 
<link href="site/css/template.css" rel="stylesheet" type="text/css" 
    media="screen" /> 
    <link href="themes/bar/bar.css" rel="stylesheet" type="text/css" 
    media="screen" /> 
<link href="site/css/hint.css" rel="stylesheet" type="text/css" 
    media="screen" /> 
<link href="fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen" /> 


<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" /> 
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript" src="Javascripts/index.js"></script> 
<script type="text/javascript" src="Javascripts/kontakt.js"></script> 
<script type="text/javascript" src="Javascripts/ommig.js"></script> 
<script type="text/javascript" src="Javascripts/projekter.js"></script> 
<script type="text/javascript" src="Javascripts/android.js"></script> 
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script> 

<title><?php echo $page->getTitle() ?> 
</title> 
</head> 
<body> 
    <div id="wrapper"> 
    <div id="header"> 
     <nav class="menu"> 
     <ul> 
      <li><a href="forside.php" id="mainsite">Forside</a></li> 
      <li><a href="projekter.php" id="mainsite">Projekter</a></li> 
      <li><a href="ommig.php" id="aboutme">Om mig</a></li> 
      <li><a href="kontakt.php" id="mainsite">kontakt</a></li> 
     </ul> 
     </nav> 
     <hr> 
    </div> 
    <div id="page"> 
     <div id="content"> 
     <?php echo $page->loadPage() ?> 
     </div> 
    </div> 
    <div class="slider-wrapper"> 
    <div id="slider" class="nivoSlider"> 
     <img src="images/nemo.jpg" alt="" /> 
     <a href="http://dev7studios.com"><img src="images/toystory.jpg" alt="" title="#htmlcaption" /></a> 
     <img src="images/up.jpg" alt="" title="This is an example of a caption" /> 
     <img src="images/walle.jpg" alt="" /> 
    </div> 
</div> 
<div id="htmlcaption" class="nivo-html-caption"> 
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
</div> 
    <script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
    </script> 
    <div id="footer"> 
     <hr> 
     <div id="credits"> 
     <p style="text-align: center;"> 
      <b>&copy; Design by | Marc Rasmussen</b> 
     </p> 
     </div> 
    </div> 
    </div> 
</body> 
</html>

My folder that contains my website

Firebug的消息

enter image description here

来源

2013-07-02 Marc Rasmussen

“jQuery是没有定义” 是一个可怕的字符串 –

您应该source jQuery前nivoSlider：

<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>

来源

2013-07-02 00:44:05

这个工作..你不只是讨厌当这种情况发生 –

@MarcRasmussen - 如果这那么请将其标记为*答案*。 –

对我来说，问题在于你在使用之前的幻灯片需要jQuery。

这

<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

应该

<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>

来源

2013-07-02 00:44:16

谢谢！ ...我讨厌这种情况发生时 –

它发生了，但我不明白它是如何在本地工作的 –

$（'＃slider'）。nivoSlider（）;是不是一个功能

回答

相关问题