Jquery .click隐藏关闭窗口的功能

时间:2014-06-23 19:24:50

标签: javascript jquery html css internet-explorer

我准备了我的页面片段来向您展示我的问题: a link

在底部显示名为div“pomocnik”的小红色窗口 在Chrome浏览器中单击“关闭”图标可以正常工作,但是IE会为点击DIV中的文本做好准备 onclick="document.location.href('http://www.google.com') 所以它打开了新的页面。

IE已检测到针对DIV的onclick,但Chrome检测到的图像细节更多。 我的想法是在点击关闭按钮后关闭窗口。

$('#close').click(function() {
    //var g = document.getElementById("pomocnik");
    //g.style.display = 'none';
    $('#pomocnik').hide(2000);
    $('#konsul').click = null;
});

1 个答案:

答案 0 :(得分:0)

我认为问题在于事件(单击关闭图像)首先调用隐藏div的事件处理程序,然后冒泡到包含div并启动它的默认操作(打开链接)。请尝试以下方法:

$('#close').click(function(e) {
     //var g= document.getElementById("pomocnik");
     //g.style.display= 'none';
     e.stopPropagation(); //this will prevent the event from bubbling up to the containing div
     $('#pomocnik').hide(2000);
     //$('#konsul').click=null;
 });