Anu*_*ngh 0 html javascript jquery jquery-ui
在我的代码中,我试图隐藏包含图像的div元素,但是当我运行代码时,我得到了 - ReferenceError:jQuery未定义})(jQuery); 在文件jquery-ui.js中(第314行).我的代码如下
<!DOCTYPE html>
<html>
<head>
<title>Sliding a div</title>
<script type="text/javascript" src="plugin/ui/jquery-ui.js"></script>
<script type="text/javascript" src="plugin/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#1').click(function(){
console.log("i am inside");
$('#element').hide('slide',{direction:'left'},1000);
});
});
</script>
</head>
<body>
<div id="headder" style="width: 1300px; height: 100px">
<h1>Slide the div</h1>
</div>
<div id="element" style="width: 600px; height: 400px; border: 2px solid red; position: relative">
<img src="images/aa.jpg" width="600" height="400">
</div>
<div id="control" style="position: relative">
<input type="button" id="1" value="PRESS">
</div>
</body>
</html>
请让我知道这背后的原因.
你需要在 jQuery UI 之前引用jQuery :
<script type="text/javascript" src="plugin/jquery-1.9.1.js"></script>
<script type="text/javascript" src="plugin/ui/jquery-ui.js"></script>
| 归档时间： |
|
| 查看次数： |
474 次 |
| 最近记录： |