由于覆盖(仅限 IE9),单击 事件不起作用

li click event not working due to overlay (ie9 only)

本文关键字:单击 事件 不起作用 IE9 仅限 覆盖 于覆盖      更新时间:2023-09-26

当用户点击a标签时,li被ui选择的类选中,该类在ff,chrome,ie8和safari中工作正常,但在ie9中则不行。

请进一步指导。

[注意:以下是代码示例,供您方便参考]

` <div id="overlay"></div>
<div id="viewReorderList_Popup" style="display:block;">                    
<ul id="sortable0" >
<li class="ui-state-default" id="reorderLI_00" >             
<a style="float:left;" id="reorderList_00" href="javascript:void(0)" onclick="javascript:addSelected();">
<img height="195" border="0" alt="" src="1.jpg">
</a>             
</li>
</ul>
</div>
<style>
#overlay
{
background: rgba(0,0,0,0.5);
position: fixed;
width :100%;
height:100%;    
pointer-events: none;
opacity: 1;
}
#sortable .ui-selected { background: #F39814; color: white; opacity: 0.98; border: 5px dotted red;    }
</style>
<script>
function addSelected(){
$('#sortable0 li:first').addClass('ui-selected');
}
</script>`

您可能应该终止您的 UL 标签,看看是否可以解决您的问题。

它有效,只需将jquery选择器从$('#sortable0 li:first')更改为$('#sortable li:first')