gpt4 book ai didi

jquery - Internet Explorer 可以将事件绑定(bind)到绝对定位的元素吗?

转载 作者:行者123 更新时间:2023-12-01 01:29:58 24 4
gpt4 key购买 nike

Internet Explorer 可以将事件绑定(bind)到绝对定位的元素吗?

我无法将“点击”绑定(bind)到与另一个元素重叠的元素。

尝试了很多不同的方法,这里有一些在 IE 中不起作用的测试:

//version 1:
$(".classHolder").click(function(){ alert( $(this).html() ); });

//version 2:
$(".classHolder").each(function(){ $(this).click(function(){ alert( $(this).html() ); }); });

//version 3:
$("#id3").click(function(){ alert( $(this).html() ); });

//version 4:
$("#id3").click(function(){ alert( $(this).html() ); });
$("#id3").trigger("click");


// in all trials I tested with and without:
// $("img").unbind();
// $("div").unbind();
// just to make sure no "ghost" events were bind into the elements but no success.


<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="application/javascript">
$(document).ready(function(){
$("#id3").click(function(){ alert( $(this).html() ); });
$("#id3").trigger("click");
});
</script>
</head>
<body>
<div id="id1" style="position:relative;">
<img id="id2" src="http://www.google.co.uk/intl/en_com/images/srpr/logo1w.png" style=";z-index:-1;"/>
<div id="id3" class="classHolder" style="position:absolute;border:2px solid red;left:0px;top:0px;width:70px;height:70px;z-index:1002;">G</div>
<div id="id4" class="classHolder" style="position:absolute;border:2px solid red;left:210px;top:0px;width:25px;height:70px;z-index:1001;">L</div>
asd asdf asdfg
</div>
</body>
</html>

最佳答案

解决方案:添加

"background-color:#FFFFFF;"
到元素样式。并使用了古怪的函数:


function setOpacity(obj,value){
obj.style.opacity=value/10;
obj.style.filter='alpha(opacity='+value*10+')';
}

最后,将 evento 绑定(bind)到元素时:


$("div.classHolder").each(function(){
$(this).bind("click",function(e){ alert($(this).html()); });
setOpacity(this,0);
});

关于jquery - Internet Explorer 可以将事件绑定(bind)到绝对定位的元素吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2807714/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com