$（'＃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（）;是不是一個功能

回答

相關問題