jquery 脚本在 chrome、safari 和部分歌剧下不起作用，FF 可以

Question

今天我一直在这里向script寻求帮助。

成功完成——再次感谢 RKW。

我已将代码与我之前的代码合并，一切似乎都运行良好——在 FF 下。但现在，我已经在 Chrome、Safari (mac) 和 Opera 下尝试过了。 在 Chrome 和 Safari 中，脚本根本没有做任何事情（并且错误控制台保持清晰）。在 Opera 下，只有第一部分在工作——添加了 active 类。

有什么建议吗？

$(document).ready(function(){
    $('input').focus(function() { /* add class active to parent div */
        $('div').removeClass('active');
        $(this).parent().parent().parent().addClass('active');
        $(this).closest("div").addClass('active');
    });

    $('input:radio').focus(function() { /* add class highlight to specified tds in one column */
        var num = 2;
        var col = $(this).closest('td').index() + 1;
        var row = $(this).closest('tr').index();

        var tds = $('td:nth-child(' + col + ')');
        tds = tds.slice(row,row+num);

        $('td').removeClass('highlight');
        tds.addClass('highlight');
    });
});

Answer 1

我不太确定您要对突出显示类做什么（如它应该突出显示的方式/内容），但是，您需要进行一些更改才能将这些类正确应用于 div。

你会想要使用：而不是使用 .focus()：

$('input').click(function()

和

$('input:radio').focus(function()

关于 input:radio 的一个注意事项是它必须使用 jQuery 的引擎来查找单选按钮，因为它不是标准的 CSS2/3 选择器。如果执行速度很重要，请使用 Thiago Santos' type='radio' （因为 CSS 可以理解这一点，您的浏览器也可以）。

我改变的另一件事是：

$('div').removeClass('active');

由于它没有在 chrome 中找到 div，但是当我弄乱转换时，为了在页面中做同样的事情，我找到了所有使用 .active 类的元素，并在设置 $ 之前将它们从所有元素中删除(this) 带有标签的元素。将其更改为：

$('.active').removeClass('active');

JSFiddle Example

我还注意到您使用的是 CSS'nth-child，请注意这不适用于 IE8 或更低版本（或 IE9 的 quirks 模式）。

Answer 2

在第二部分，尝试改变：

$("input:radio")...

到

$("input[type='radio']")...