jQuery 包括问题

Question

我对包含 jQuery 有疑问，我一直都是这样做的，而且一直有效，直到现在...告诉我我做错了什么。我还怀疑这可能是因为我不在我的笔记本电脑上，但我访问了一个我之前创建的网站并且那里的 jQuery 有效。也可能是我没有正确版本的 jQuery 之类的。在我之前制作的那一边，我使用了 jQuery 加载函数：

Link到我之前做的网站（看源码）：http://www.laksyvihko.tk/read/

代码：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="jquery/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Crêperie - Le Kerouac(Page d'accueil)</title>
<script type="text/javascript">
$("#btn").click(function()
{
    alert('jQuery works');
    //$("#navigation").slideToggle("slow");
});
</script>
</head>
<body>
<div id="responsiveContainer">
<div id="header">
<h1>Le Kerouac</h1>
</div>
<hr id="headerSeparator">
<div class="collapse">
<hr class="collapseHr">
<hr class="collapseHr">
<hr class="collapseHr">
</div>
<div id="navigation">
    <ul id="navUl">
        <li id="navLi"><a class="navA" href="#"><p>Page d'accueil</p></a></li>
        <li id="navLi"><a class="navA" href="#"><p>Evénements</p></a></li>
        <li id="navLi"><a class="navA" href="#"><p>Contactez nous</p></a></li>
    </ul>
</div>
<div id="siteContent">
<button id="btn">Alert</button>
<h3>Bienvenue sur le site de la Crêperie - Le Kerouac.</h3>
</div>
</div>
</body>
</html>

Answer 1

好的 document.ready 成功了。多么愚蠢的小错误。

Answer 2

将此添加到 html 页面部分。你会得到 jquery lib <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 。记住上面的代码是从服务器下载 jquery 代码的一件事。您必须并且应该有互联网连接来测试您的应用程序。

或者从 http://code.jquery.com/jquery-1.11.3.min.js 这个 link 下载 jquery 文件并将它放在你的项目中，在你的项目中使用它。您应该记住的一件事是指定正确的路径，然后仅 jquery 库加载。

在文档准备功能中保留您的点击功能将识别您的点击

$(function() { 
    // keep your onclik code here
});

谢谢。

Answer 3

当您调用脚本时，您的按钮可能没有完全加载。您有 2 个解决方案：

将您的实际脚本放在页面底部（就在 </body> 之前）
在将 click 绑定到您的按钮之前添加 DOM 加载事件，如下所示：
```
$(function() { /* DOM loaded event handler */
    alert("Hello world");
});
```

jQuery 包括问题

jQuery including issue

javascript

jquery

slidetoggle