Jquery腳本上傳時不工作

這可能是一個noob問題，但看到我是一個noob，當涉及到JQuery我需要一些幫助。基本上，當我在本地測試時，我的自制圖像庫腳本正常工作，但上傳腳本jsut不起作用。我不知道爲什麼？Jquery腳本上傳時不工作

你可以看到網站here

這裏是JQuery

基本HTML：

<div id="imagenav"> 
    <ul> 
     <li> 
      <a href=""> 
       <img src="images/thumbs/1.jpg"/> 
      </a> 
     </li> 
     <li> 
      <a href=""> 
       <img src="images/thumbs/2.jpg"/> 
      </a> 
     </li> 
     <li> 
      <a href=""> 
       <img src="images/thumbs/3.jpg"/> 
      </a> 
     </li> 
    </ul> 
</div> 

<div id="imagecontainer"> 
    <div> 
     <a class="prev" href="">prev</a> 
     <a class="next" href="">next</a> 
     <a class="index" href="">X</a><br> 
     <img src="images/1.jpg"><br> 
     <p>Description: Vestibulum id ligula porta felis euismod semper.</p> 
    </div> 
    <div> 
     <a class="prev" href="">prev</a> 
     <a class="next" href="">next</a> 
     <a class="index" href="">X</a><br> 
     <img src="images/2.jpg"><br> 
     <p>Description: Vestibulum id ligula porta felis euismod semper.</p> 
    </div> 
    <div> 
     <a class="prev" href="">prev</a> 
     <a class="next" href="">next</a> 
     <a class="index" href="">X</a><br> 
     <img src="images/3.jpg"><br> 
     <p>Description: Vestibulum id ligula porta felis euismod semper.</p> 
    </div> 
</div>

基本jQuery腳本：

var imagenav= $('#imagenav li a'); 
var imagecontainer= $('#imagecontainer'); 
var images= $('#imagecontainer div'); 
var shader= $('#shader'); 

imagenav.click(function (event) { 
    event.preventDefault(); 
    var imageno = imagenav.index(this); 
    imagecontainer.fadeIn(300, function(){ 
      shader.fadeIn(300); 
      images.hide(0); 
      images.eq(imageno).fadeIn(300); 
    }); 
    return false; 
});

任何幫助將是非常非常感激！

非常感謝！

來源

2012-09-16 bestfriendsforever

您包括jQuery腳本拋出一個錯誤：

<script src="jquery.js"> 
    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> 
    <html><head> 
    <title>403 Forbidden</title> 
    </head><body> 
    <h1>Forbidden</h1> 
    <p>You don't have permission to access /test/jquery.js 
    on this server.</p> 
    <p>Additionally, a 404 Not Found 
    error was encountered while trying to use an ErrorDocument to handle the request.</p> 
    <hr> 
    <address>Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/0.9.8e-fips-rhel5 DAV/2 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_fcgid/2.3.6 Server at designbykai.com Port 80</address> 
    </body></html> 
</script>

試試這個：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

而在你的代碼（imagegallery.js），你可以保留美元參考jQuery：

(function($){ 

    //code here 

})(jQuery);

來源

2012-09-16 15:53:35

哦！？我想知道爲什麼發生了？那麼做到了！謝啦！ – bestfriendsforever

@bestfriendsforever不客氣。幹得好，現在它完美無瑕！ –

-1

140線...

<script src="jquery.js"></script>

是錯誤的。

<script type="text/javascript" src="jquery.js"></script>

並確保該文件存在並可在您引用的路徑上訪問。

來源

2012-09-16 15:53:19 noel

'type'屬性在HTML5中是可選的。 – moonwave99

'type'屬性在HTML 5中是可選的（所討論的頁面的Doctype匹配），並且即使它是強制性的（因爲瀏覽器不關心）它的缺失也不會導致所描述的問題。 – Quentin

你的回答是錯誤的。正如你可以清楚地看到他使用：'<！DOCTYPE html>'（HTML5標準）所以'

在腳本的底部，你有以下兩行：

<script src="jquery.js"></script> 
<script src="imagegallery.js"></script>

嘗試把它們放在腳本的頂部
確保JS文件確實是http://designbykai.com/test/文件夾中

來源

2012-09-16 15:55:27

右鍵單擊jquery.js文件>屬性>確保其他人獲得對此文件的「只讀」權限。我使用的是Linux，但我認爲它也與Windows一樣。對不起我的英語不好。

來源

2015-02-28 09:22:00 Dave

相關問題