Question

我有一个包含jQuery的问题，我总是像这样做它已经工作，直到现在......告诉我我做错了什么。我也怀疑它可能是因为我不在我的笔记本电脑上，但我访问了我之前制作的一个网站，并且那里有jQuery。也可能是，我没有正确版本的jQuery或其他东西。在我之前提到的那边我使用了jQuery加载函数：

链接到我之前制作的网站（查看源代码）：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

调用脚本时，您的按钮可能无法完全加载。你有两个解决方案：

将您的实际脚本放在页面底部（</body>之前）

在将click绑定到您的按钮之前添加DOM加载事件，如：

$(function() { /* DOM loaded event handler */
    alert("Hello world");
});

Answer 2

好的把文件。已经工作了。多么愚蠢的小错误。

Answer 3

将此添加到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 这个链接下载jquery文件，并将其放在项目中，在项目中使用它。你应该记住的一件事是指定正确的路径，然后只加载jquery lib。

保持文档就绪功能中的单击功能将识别您的onclick

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

谢谢。

jQuery包括问题

3 个答案: