Question

所以我对所有这些事情都很陌生，而且我有点陷入困境。我一直在研究这个项目，但出于某种原因，无论我做什么，我都无法加载我的jQuery。

这是我的HTML

<head>
<meta charset="utf-8">
<title>Eerbivore</title>
    <link rel="stylesheet" href="gal.css">
<script src="jquery-2.1.3.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="gal.js"></script>

jQuery

$('#gallery').flickity({
    cellAlign: 'center',
    wrapAround: true
});

我使用Brackets作为我的编辑。任何帮助或任何我应该添加的东西都会非常有帮助。

Answer 1

我认为问题出在这里，你包含了多个jquery核心库。

//<--- remove any of this
<script src="jquery-2.1.3.min.js"></script> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

对于这段代码，最好放入document.ready。（如果已经完成此部分则忽略）

<script>
$(function(){
   $('#gallery').flickity({
     cellAlign: 'center',
     wrapAround: true
   });
});
</script>

Answer 2

正如其他人所提到的，只包含一个jquery库，还值得一提的是.flickity()在jquery中不是原生的，并且应该包含该代码。

我不能让我的jQuery工作，我不知道我做错了什么

2 个答案: