Question

我正在使用以下Java脚本代码：

function activeTr( row ) {
    row.bgColor='#F1E1D1';
    document.body.style.cursor = 'pointer';
}

function inactiveTr( row ) {
    row.bgColor='transparent';
    document.body.style.cursor = 'default';
}

分别是以下HTML：

<table>
    <tr bgcolor="transparent" class="" onclick="showFoo('1')" onmouseout="inactiveTr(this)" onmouseover="activeTr(this)">
        <td>fooburg</td>
    </tr>
</table>

activeTr()一切正常，但inactiveTr()切换为浅绿色而非透明背景。此问题仅出现在Opera的当前版本（Windows和Mac）中。 Firefox / Chrome / Safari在相同的平台上表现正常。

问题：如果您有任何解决方法，请告诉我。

Answer 1

有时必须解释问题才能找到解决方案。我将Java Script调整为以下（需要jQuery）并创建了一个名为hover的CSS类：

function activeTr( row ) {
    document.body.style.cursor = 'pointer'; 
    $(row).addClass("hover");
}

function inactiveTr( row ) {
    $(row).removeClass("hover");
    document.body.style.cursor = 'default';
}

即使在Opera中，一切都按预期工作; - ）

Opera中的JS：row.bgColor更改导致问题

1 个答案: