新手:如何添加jquery插件

时间:2017-03-15 18:37:12

标签: javascript jquery html

我正在尝试此网页上的jquery提醒示例:http://www.tutorialscollection.com/jquery-demo/jquery-demo.php?ex=8.0_1。我是使用jquery的新手,我无法弄清楚如何获得头部中列出的依赖项:

<head>
<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

这是完整的文件,但可能不需要:

<!DOCTYPE html>
<head>
<title>Examples of using jQuery Alerts</title>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.draggable.js" type="text/javascript"></script>

<script src="jquery.alerts.js" type="text/javascript"></script>
<link href="jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Example script -->
<script type="text/javascript">
$(document).ready( function() {
$("#basic_button").click( function() {
jAlert('Example of a basic alert box in jquery', 'jquery basic alert box');
});
});
</script>
</head>
<body>
<p>
<input id="basic_button" type="button" value="Show Basic Alert" />
</p>
</body>
</html>

3 个答案:

答案 0 :(得分:1)

Google托管CDN。为确保加载JQuery的库,请将其添加到<head>标记

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

如果您在本地计算机上尝试此操作,则可以下载jquery here并在<head>中进行设置,如下所示:

<script src="path_to_jquery" ></script>

答案 1 :(得分:0)

我在这里找到了依赖项:

http://www.tutorialscollection.com/jquery-demo

答案 2 :(得分:0)

这比我在这个问题中的教程要好得多:How to generate a simple popup using jQuery