jQuery-jquery 追加节点
今天使用jquery出现了如下问题
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</HEAD>
<script language='javascript'>
function face1()
{//这个图片不能正常显示
var faceWrap = $('<div class="face-list">face1</div>');
$('body').append(faceWrap);
var a = $('<a href="javascrip:void(0);" id="face-list">表情</a>');//因为这个追加的是a，使用不正常！
faceWrap.append(a);
a.click(function(){
var faceList = '';
for (var i=1; i<=11; i++) {
faceList += '<img src="http://ctc.qzonestyle.gtimg.cn/qzone/em/e10' + i + '.gif">';
}
faceWrap.append(faceList);
});
}
function face2()
{//这个显示正常
var faceWrap = $('<div class="face-list">face2</div>');
$('body').append(faceWrap);
var a = $('<div href="javascrip:void(0);" id="face-list">表情</div>');//这个把a换成div就正常了
faceWrap.append(a);
a.click(function(){
var faceList = '';
for (var i=1; i<=11; i++) {
faceList += '<img src="http://ctc.qzonestyle.gtimg.cn/qzone/em/e10' + i + '.gif">';
}
faceWrap.append(faceList);
});
}
</script>
<BODY>
<img src='http://ctc.qzonestyle.gtimg.cn/qzone/em/e101.gif' onclick='face1()'/><br /><br />
<img src='http://ctc.qzonestyle.gtimg.cn/qzone/em/e101.gif' onclick='face2()'/>
</div>
</BODY>
</HTML>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我试了你的程序, Chrome下面工作的很好, IE10里有问题.
在face1的a.click() 加入event.preventDefault()可以解决:
...
a.click(function(event){
event.preventDefault()
var faceList = '';
....
http://api.jquery.com/event.preventDefault/
Chrome下的浏览情况
图片打不开
IE下的浏览情况
图片能打开但是却跳转到res://ieframe.dll/unknownprotocol.htm#javascrip:void(0);
加上event.preventDefault()就都正常了。