아까 질문 하나 올렸었는데요..
또 다시 다른 문제로 질문을 드립니다.
현재 jquery 1.11 버전을 사용하고 있는데요.
ie에서만 이상한 현상이 나타나는 것 같아요..
객체를 append 했을 때 click 이벤트가 dblclick 로 바뀌는.. 거 같은거요?
일단 아래는 해당 부분 소스 입니다.
3개의 버튼에 click 이벤트를 걸었는데요..
.on / .bind / 그냥 click..
셋다 더블 클릭을 해야지 먹네요..
일단 제가 ie 11을 사용하고 있어서 다른 버전은 확인하지 못했지만 크롬/파폭은 잘 되는데 유독 ie만 이러네요..
혹시 이런 현상 보신적이나 해결 방법 아시는분 계신가요?
<!DOCTYPE html>
<html>
<head>
< language="java" src="../js/jquery-1.11.0.min.js"></>
<style>
.sample { padding:10px; width:90%; background:#EEE; border:1px solid red;}
#control { position:absolute; display:none; background:#000; width:80px;}
</style>
</head>
<body>
<div class="sample">
sample01
<div class="sample">
sample02
</div>
</div>
<div id="load">
<div id="control">
<input type="button" id="btn1" value="btn1" />
<input type="button" id="btn2" value="btn2" />
<input type="button" id="btn3" value="btn3" />
</div>
</div>
</body>
</html>
<스크립트>
$(".sample").on('mouseover mouseleave', function (event) {
event.stopPropagation();
if(event.type == "mouseover"){
$("#control").appendTo($(this));
var objl = $(this).offset().left;
var objt = $(this).offset().top;
var objw = $(this).outerWidth();
$("#control")
.css({
"left":objl+objw-80 ,
"top":objt
})
.show();
}else{
$("#control")
.appendTo($("#load"))
.hide();
}
});
$("#control").on("click","#btn1",function(){
alert("btn1 clicks");
});
$("#btn2").bind("click",function(){
alert("btn2 click");
});
$("#btn3").click(function(){
alert("btn3 click");
});
</스크립트>