Javascript IE图像地图在另一个分区后仍然可以单击

我有一张美国的图像地图。单击某个州时，地图将淡出，该州的地图将显示该州的区号图像地图。在Firefox、Safari和Chrome中，州地图变得可点击，美国地图变得不可点击，直到您关闭州弹出窗口。然而在InternetExplorer中，美国地图仍然可以通过州popover点击，我不能点击任何区号

以下是我的javascript：

$(document).ready(function() {
        $("#usMap").html();
        $("#usMap").load("/includes/us_map.inc");
    });

    $('area').live('click', function() {
        var state = $(this).attr("class");

        var statePopover = $("<div id='statePopoverContainer'><a id='popoverCloseButton'>Close State</a><div id='statePopover'></div></div>");
        $("#usMap").append(statePopover);
        $("#usMapImage").fadeTo('slow', 0.2);

        $("#statePopover").load("/includes/stateMaps/" + state + ".html");
    });

    $("#popoverCloseButton").live('click', function() {
        $("#statePopoverContainer").remove();
        $("#usMapImage").fadeTo('slow', 1);
    });

你可以看到这种情况发生在

---

使用beta/tester登录

尝试在半透明黑色背景的单击事件中返回false。在这方面可以这样做：

$("#black_bg").click(function(){
    return false;
});

此外，由于您使用的是绝对定位，请将贴图设置为低于特定状态贴图和黑色背景的贴图

---

---

编辑：我看到您已经上传了相关代码。当链接地图上的点击事件被触发或出现在黑色背景上时，请尝试返回false，查看是否有任何作用。

原因是您拥有的图像地图正在根据屏幕位置注册点击。请记住，使用地图时，您告诉浏览器，当您在XX和YY之间单击时，将执行一个操作

---

您可能希望在加载popover元素时删除“Click”事件处理程序（或者将其更改为返回false）

经过一个小时的调整和取消调整，即条件和解除绑定我的jQuery事件…我所要做的就是将$（“area”）.live（）更改为$（（“map#countryMap area”）.live（），效果非常好。

黑色背景实际上不是它自己的东西。#usMap div的背景色为#333333，它将图像淡入20%的不透明度，然后淡入。你认为如果我在州地图后面用背景画一个100%宽/高的div会有帮助吗？另外，我不知道返回false是否有帮助，因为我甚至不能在州地图的区域上鼠标移动。如果您在状态栏中查看，您可以看到锚定显示在状态映射中。这可能与.live在事件在DOM中冒泡时捕获事件有关。

$("#black_bg").click(function(){
    return false;
});