1

有一个问题我似乎无法动摇。我有几个表格行，我使用 jQuery 在单击它们时突出显示它们。我的一些行只有一个输入/按钮/复选框/文本区域，因此它们没有被跨度描绘，我正在使用另一个只有两个父级的函数。那些工作正常。寻址的“跨度输入”也是如此。另一方面，“跨度按钮”没有添加活动类。奇怪的是，如果我在桌面浏览器中查看它并单击它，使另一个应用程序的窗口处于活动状态或在浏览器中添加一个新选项卡，然后单击返回它，它会按应有的方式突出显示。

不知道发生了什么事。请帮忙！非常感谢！

HTML：

<tr>
    <td class="input">
        <span>
            <label for="buttonA">ButtonA Label</label>
            <button name="buttonA" type="button"/>ButtonA</button>
        </span>
        <span>
            <label for="buttonB">ButtonB Label</label>
            <button name="buttonB" type="button"/>ButtonB</button>
        </span>
    </td>
    <td class="unit">
        Unit
    </td>
    <td class="info">
        Description or additional info</br>
        With multiple lines
    </td>
    <td class="action">
        <div id="delete" class="btn"><img src="delete_icon.png"></div>
        <div id="drag" class="btn"><img src="drag_icon.png"></div>
    </td>
</tr>

CSS：

.active {
    background: rgb(227,238,255) !important;
}

jQuery：

$("span input,span button").focus(function() {
    $(this).parent().parent().parent().addClass('active');
});
4

0 回答 0