由于叠加,li点击事件无效(仅限ie9)

时间:2013-10-29 12:39:16

标签: javascript jquery html css internet-explorer

当用户点击' a'标签li通过ui-selected类选择,在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>`

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

它可以工作,只需将你的jquery选择器从$('#sableable0 li:first')更改为$('#sableable li:first')