[英]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/wiki/index.php/Script_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.