当前位置：首页 → 问答吧 → 奇怪,绝对定位的层,绑定事件后,在IE6下没反应???????

奇怪,绝对定位的层,绑定事件后,在IE6下没反应???????

时间：2009-06-06

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
    *{padding:0;margin:0}
    .itemContainer{width:200px;border:1px Olive solid; font-size:13px; }
    .itemHeader{ text-align:right;padding-right:10px; background-color:Olive}
   .itemContainer ul{ list-style-type:square; list-style-position:inside;margin:10px;}
   .itemContainer li{ cursor:pointer;}
   .arrow{ width:0;height:0;margin-left:15px;
border-left: 7px dashed transparent;
border-right: 7px dashed transparent;
border-top:0;
border-bottom: 8px solid Olive;}
   </style>
    <script type="text/javascript" src="core/jquery-1.3.1.min.js"></script>
    <script type="text/javascript">
    function showCommonDig(e){

     $("#commonDialog").remove();
     $("body").append("<div class='itemContainer' id='commonDialog'><div class='itemHeader'><span id='closeitem'>关闭</span></div><div class='itembody'><ul><li id='comdone'>已完成</li><li id='comtodo'>待办</li><li id='comnone'>无</li></ul></div></div>");
     var $self=$(this);
     var $targetID=$("#commonDialog");
     $self.css("background","#eee");
     $targetID.show().css({"position":"absolute","top":$self.offset().top+$self.outerHeight(true)+"px",
     "left":$self.offset().left+"px"});
     $targetID.bind("click",function(e){ alert("gggg") ; });//这个事件绑定在IE6下没反应,
     }

     $(function(){
     $("#clickme").click(showCommonDig);

     })
    </script>
</head>
<body>
    <form id="form1" runat="server">
<strong id="clickme">clickme</strong>
    </form>
</body>
</html>

作者: seekarmor 发布时间: 2009-06-06

我用IE6测试正常啊，可以弹出gggg

作者: keakon 发布时间: 2009-06-06