Question

可能重复：
Problem working with jQuery

您好！以下是我一直在使用的代码，我不明白为什么它根本不工作！：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<script language="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script language="text/javascript">


function hide() {

$("#Layer1").hide("fast");

}
</script>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 179px;
top: 3px;
}
#Layer2 {
position:absolute;
width:101px;
height:80px;
z-index:2;
left: 570px;
top: 473px;
}
-->
</style></head>



<body>
<div id="Layer1"><img src="body.jpg" width="842" height="554" /></div>
<div id="Layer2"><img src="close.jpg" width="63" height="64" OnClick="hide()"/></div>
</body>
</html>

我使用了Dreamweaver进行设计。

谢谢！

Answer 1

这不是language =“text / javascript”，但是输入=“text / javascript”。

此外，这是一个你应该使用$（document）.ready（）函数解决的问题，而不是像内联onClick那样unweildy的东西，jQuery的事件绑定部分解决了这个问题：

$(document).ready(function(){

    $('#Layer2').click(function() {
        $('#Layer1').hide();
    });

});

jquery问题反复出现！

1 个答案: