Question

html代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax</title>
</head>

<body>

    <p id="para">this is a sample paragraphe</p>

<script src="my.js" type="text/javascript"></script>
<script src="jquery-1.11.0.min.js" type="text/javascript"></script>
</body>
</html>

my.js文件代码：

$('#para').click(function(){
    $('#para').hide();
    alert("para hidden ");
});

我开始学习jquery，但似乎我的开始真的很糟糕，我会找到答案.. 请帮忙

Answer 1

更改JS文件的顺序。 首先加载jQuery

<script src="jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="my.js" type="text/javascript"></script>

在 my.js 文件中，使用document-ready处理程序

$(document).ready(function () {
    $('#para').click(function () {
        $(this).hide();
        alert("para hidden ");
    });
});

Answer 2

尝试更改

<script src="my.js" type="text/javascript"></script>
<script src="jquery-1.11.0.min.js" type="text/javascript"></script>

到

<script src="jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="my.js" type="text/javascript"></script>

my.js调用JQuery函数，但是JQuery的脚本尚未加载

非常简单的jquery选择器不起作用

2 个答案: