这可能以前已经解决了,但我找不到确切的情况。我有这个按钮,点击后可以切换表格。但是,我也有一个处理程序,用于在 div 外部单击以将其关闭。所以现在当用户点击链接时,切换事件不再触发。
<div style="width:110px;">
<a class="zui-sel-wrapper" id="EQA">
<span class="zui-sel-def" id="attr-val">Toggle</span>
<span class="zui-sel-arr">↓</span>
</a>
</div>
<table id="EQAtbl" width="340" cellpadding="0" cellspacing="0" border="1">
<tr>
<td>Alpha</td>
<td>Bravo</td>
<td>Charly</td>
</tr>
</table>
$(document).mouseup(function (e) {
if ($("#EQAtbl").has(e.target).length === 0) {
$('#EQA').removeClass('zui-sel-state-focus');
$("#EQAtbl").hide();
}
});
$(document).ready(function(){
$('#EQA').click(function(){
$('#EQAtbl').toggle();
$(this).toggleClass('zui-sel-state-focus');
});
$('#EQA').blur(function(){
$(this).removeClass('zui-sel-state-focus');
});
});