安裝jquery插件

我是一個新手，我試圖在網站上創建一個輪播畫廊。安裝jquery插件

我一直在努力讓owlcarousel工作一段時間。我已經閱讀了大量的文章以及如何做，但我只是不明白我做錯了什麼。

該網站是http://www.vicandross.com/victoriaaustin

而且代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>Victoria Austin</title> 

<head> 

<link rel="stylesheet" type="text/css" href="_ui/css/screen.css"></link> 

<link rel="icon" type="image/png" href="http://vicandross.com/_ui/images/vricon.png"></link> 


<link rel="stylesheet" href="/owl-carousel/owl.carousel.css"></link> 

<link rel="stylesheet" href="/owl-carousel/owl.theme.css"></link> 

</head> 

<body> 

<div class="logo_row" style="background:#ffdacf;padding:0"> 
<div style="width:996px;text-align:center;margin:0 auto;background:#ffdacf;padding:20px 0"> 
<a href="/"> 
<img alt="victoria austin" src="http://www.vicandross.com/victoriaaustin/_ui/image/logo.png">  
</img> 
</a> 
</div> 
</div> 


<div id="owl-example" class="owl-carousel"> 
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/logo.png"></img></div> 
<div> <img src="http://www.vicandross.com/victoriaaustin/_ui/images/cookies3.jpg"></img></div> 
</div> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1 /jquery.min.js"></script> 
<script type="text/javascript" src="/owl-carousel/owl.carousel.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
$("#owl-example").owlCarousel(); 
items: 1, 
    loop: true, 
    margin: 10, 
    lazyLoad: true, 
    merge: true, 
    video: true, 
    responsive:{ 
    480:{ 
     items:2 
}, 

678:{ 
    items:3 
}, 

960:{ 
    items:5 
} 
} 
    }); 
</script> 



</body> 
</html>

我真的很感激某人的建議。

謝謝

來源

2014-05-15 user3641990

在您的網站上'/ owl-carousel/owl.carousel.js'拋出__404__。請提供更多細節。這個文件在你的磁盤上相對於你的腳本在哪裏？你是否在HTTP服務器上重寫了一些內容？ – ElmoVanKielmo

@ElmoVanKielmo謝謝，我使用了錯誤的文件夾名稱（沒有連字符）。 – user3641990

@DaveNewton文件位於victoriaaustin/owlcarousel/not/owlcarousel /（索引文件位於www.vicandross.com/victoriaaustin),所以我修復了這個問題。我剛剛在firefox中看到了Web控制檯，它說：「TypeError：$（...）。owlCarousel不是函數」 – user3641990

究竟是什麼JS控制檯告訴你;你有大約41-43線畸形的對象：

$(document).ready(function() { 
    $("#owl-example").owlCarousel(); 
    items: 1, 
    loop: true,

不能隨意啓動源的中間使用對象文本語法。

您的意思是一個對象傳遞給owlCarousel()方法，例如，

$("#owl-example").owlCarousel({ 
    items: 1, 
    loop: true, 
    ... etc ... 
});

無關的問題：問你需要提供可操作的信息，例如，會發生什麼問題的時候，有什麼應該會發生，來自JS控制檯的信息（在這種情況下，這是HTML/JS交互），等等。

來源

2014-05-15 18:02:42

是的，這將解決問題，如果傳送帶js和CSS可以通過瀏覽器到達... – ElmoVanKielmo

@ElmoVanKielmo是的，這也似乎是一個問題:) –

@DaveNewton感謝您花時間提供。我會考慮您在發佈時需要提供的信息。 – user3641990

您正在尋找貓頭鷹傳送帶文件夾中的插件js和css文件。您的文件夾實際上被命名爲owlcarousel。沒有連字符。

來源

2014-05-15 18:11:50

這是一個問題，但不是頁面加載時語法錯誤的原因。 –

@DanaK謝謝！ – user3641990

安裝jquery插件

回答

相關問題