簡體   English   中英

快速jQuery問題

[英]quick jQuery question

對於您的專業人士來說應該是一個非常快的人:

我正在學習使用JS,尤其是使用一個名為(輕松)“易圖像”的插件。

http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider

這是我的代碼:

http://jsfiddle.net/tomperkins/LnES6/

JS文件來自此處: http : //cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider和jQuery(1.5)

我已經將其簡化為基本知識,無法弄清為什么它不起作用。

任何提示,不勝感激!

提前致謝,

湯姆

在左側菜單中,您必須將框架設置為JQuery,然后在“添加資源”框中添加“輕松圖像”腳本。 然后注釋掉前兩個<script>標記(您將需要它們在您的網站上,而不是jsFiddle上)。 還要將<img>標記中的src屬性更改為絕對路徑,因為jsFiddle站點上沒有圖像文件夾也沒有圖像。

編輯這是您在網站上通過<script>標記獲得的:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
2<html><head>
3<title>500 Internal Server Error</title>
4</head><body>
5<h1>Internal Server Error</h1>
6<p>The server encountered an internal error

腳本不起作用,因為您的站點上沒有腳本(兩個鏈接均無效)。

當瀏覽器嘗試從中加載jquery.js和easySlider.js時,服務器錯誤500

http://customstudiodevelopment.co.uk/jquery-test/

驗證文件在那里並且可以加載它們

http://customstudiodevelopment.co.uk/js/jquery.js

http://customstudiodevelopment.co.uk/js/easySlider.js

除非這兩個網址都加載了正確的JS文件,否則您的代碼將無法工作...

作為一般提示,將FireBug插件添加到firefox,在“ Net”面板中,我在不到30秒的時間內發現了此錯誤;)

這正在工作:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<base href="http://customstudiodevelopment.co.uk"/>
<script type="text/javascript" src="/jquery-test/js/jquery.js"></script>
<script type="text/javascript" src="/jquery-test/js/easySlider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#slider").easySlider();
});
</script>
<meta charset="utf-8">
<title>jQuery Gallery Test</title>
<link href="/jquery-test/css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div id="slider">
 <ul>
   <li><img src="/jquery-test/images/Website-Strip_Future.png"></li>
  <li><img src="/jquery-test/images/SR-Toomer_small.png"></li>
  </ul>
 </div>
<!-- /end #slider -->
</body>
</html>

注意,我在其中放置了基本元素以在桌面上進行測試。 它不是必須要在服務器上運行,但是如果它在台式計算機上就可以運行(因此,您可以將html復制到記事本文件中,並保存為.html文件類型,然后在本地運行以進行測試)。

似乎您的文件包含(js / css / image)並未指向您想要的位置。

使用Firebug測試這些類型的事物。 打開控制台時,您可以檢查包含的腳本,包括打開每個包含的文件。 這樣,您可以仔細檢查以確保瀏覽器能夠訪問您包含的文件。

http://getfirebug.com/

http://getfirebug.com/wiki/index.php/Scr​​ipt_Panel

http://getfirebug.com/wiki/index.php/File:Script_Panel.png <<<參見del-linkrolls.js,位於右上角; 在這里您可以選擇要檢查的文件

當我加載頁面時,我得到一個“ .ready()不是函數”,這意味着您沒有加載jQuery。 再說一次,我從來沒有與jsfiddle混蛋

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM