javascript - js 显示的元素在一段时间内无法访问

Question

我在表格中有几个按钮(每行一个按钮)并使用 jQuery 显示/隐藏它们:

$('#some-id tr').hover(
    function() { $(this).find('.button-class').removeAttr('disabled').css(...); },
    function() { $(this).find('.button-class').attr('disabled', true).css(...); }
);

它可以正确地显示/隐藏。问题是有时会显示无法从浏览器访问按钮(对左键和右键单击没有反应，浏览器不显示工具提示)。可以通过右键单击浏览器窗口的其余部分来活跃起来(并非总是如此)。

在 Firefox 和 Chrome 中测试。

解决了吗？非常有趣。上面代码中的 .css(...) 包含设置 background: none/url(image.png)。按钮没有文本，因此在使用 disabled="disabled" 和 background: none; 时不可见。我简单地尝试了 .show()/.hide() 并且无法重现该问题。很好，但是第一版除了冗余之外还有什么问题呢？

Answer 1

确保将代码包装在 jQuery 的 .ready() 函数或其他类似函数中，例如 $(window).load()。

这是使用.ready()时的样子:

$(function() {
     $('#some-id tr').hover(
         function() { $(this).find('.button-class').removeAttr('disabled').css(...); },
         function() { $(this).find('.button-class').attr('disabled', true).css(...); }
     );
});