javascript - li click 事件由于覆盖而无法正常工作（仅限 ie9）

Question

当用户单击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>`

Answer 1

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

Answer 2

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