为什么我在html里的JS代码不执行

qq_838169584 2017-02-17 04:01:32

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>datetime</title>
<link rel="stylesheet" href="date.css" type="text/css">
<script src="jquery-1.9.1.min.js"></script>

<script>

var createContent=function(){
var $a=$("<div style='width: 50px;height:50px;border:1px solid #000;'>111</div>");
var $b=$("<div style='width: 100px;height:100px;border:1px solid #000;'>222</div>");
var $c=$("<div style='width: 150px;height:150px;border:1px solid #000;'>333</div>");
$b.append($a).appendTo($c);
};
$("#apply").click(function(){
createContent();
});
</script>
</head>

<body>
···
<input type="button" value="点击换肤" id="skin"/>
<input type="button" value="查找" id="select"/>
<input type="button" value="确认" id="apply"/>
</div>
</body>

</html>

...全文

1614 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

立哥Sole 2019-06-09

打赏
举报

感谢大佬，问题解决了，菜鸟表示。

jio可 2017-02-19

打赏
举报

引用 5 楼 qq_31458871 的回复:

照你们说的改了之后给我显示这个是为什么啊，源码基本没动 Uncaught TypeError: $div.append is not a function createContent @ date1.html:33 (anonymous function) @ date1.html:37 b.event.dispatch @ jquery-1.9.1.min.js:3 b.event.add.v.handle @ jquery-1.9.1.min.js:3

$div是什么。。最基本的$("div")都分不清。。

qq_838169584 2017-02-17

打赏
举报

照你们说的改了之后给我显示这个是为什么啊，源码基本没动 Uncaught TypeError: $div.append is not a function createContent @ date1.html:33 (anonymous function) @ date1.html:37 b.event.dispatch @ jquery-1.9.1.min.js:3 b.event.add.v.handle @ jquery-1.9.1.min.js:3

jio可 2017-02-17

打赏
举报

只看到append dom的操作，没看见把$c加到页面上。。。还要就是把js放在最下面加载。$("body").append($c)

武大大 2017-02-17

打赏
举报

浏览器解释html文件中的所有内容是从上到下加载的！浏览器解释html文件中的所有内容是从上到下加载的！浏览器解释html文件中的所有内容是从上到下加载的！重要的事情说三遍。

$("#apply").click(function(){
createContent();
});

绑定点击事件的时候dom还没加载

DCX_abc 2017-02-17

打赏
举报

楼上说的不错

当作看不见 2017-02-17

打赏
举报



<!DOCTYPE html>

<html>



<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0"/>

<title>datetime</title>

<link rel="stylesheet" href="date.css" type="text/css">

<script src="jquery-1.9.1.min.js"></script>

<!-- <script src="date.js"></script> -->



</head>



<body>

···

<input type="button" value="点击换肤" id="skin"/>

<input type="button" value="查找" id="select"/>

<input type="button" value="确认" id="apply"/>

</div>  

</body>



</html>

<script>





var createContent=function(){

 var $a=$("<div style='width: 50px;height:50px;border:1px solid #000;'>111</div>");

 var $b=$("<div style='width: 100px;height:100px;border:1px solid #000;'>222</div>");

 var $c=$("<div style='width: 150px;height:150px;border:1px solid #000;'>333</div>");

 $b.append($a).appendTo($c);

};

$("#apply").click(function(){

createContent();

});

</script>