gpt4 book ai didi

javascript - .append() 时,Onclick 事件不起作用

转载 作者:行者123 更新时间:2023-11-30 10:55:04 25 4
gpt4 key购买 nike

简单的例子:我有html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="portal.css" />
<script type="text/javascript" src="/test/lib.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body onload="init();" class="body">
<div id="wrapper">
</div>
</body>
</html>

然后我打电话

$("#wrapper").append(
"<div onclick=\"alert('TEST')\" style=\"background-color: aqua; width: 20px; height: 20px; position: absolute\">" +
"</div>"
);

因此出现小框,当我在 FF 或 Chrome 中单击它时 - 出现警告框。但问题是:在 IE8 中 onclick 不起作用。它在我使用 .html("...") 时有效。

请帮帮我! =)谢谢!

最佳答案

您可以使用 jQuery 来创建新的 div。这将使 jQuery 处理浏览器之间的点击逻辑。我刚刚在 IE8 中测试了以下内容,它有效:

$("<div>")
.css({'background-color':'aqua','width':'20px','height':'20px','position':'absolute'})
.click(function(){ alert("TEST"); })
.appendTo("#wrapper");

在线演示:http://jsbin.com/ekumi/edit

关于javascript - .append() 时,Onclick 事件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2352021/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com