javascript - 在呈现页面后附加 onmouseover？

Question

你好，

当页面首次呈现时，我的 div 元素如下所示:

<div onmousedown="this.className='showhideExtra_down_click';"
   onmouseout="this.className='showhideExtra_down';"
   onmouseover="this.className='showhideExtra_down_hover';"
   class="showhideExtra_down" id="extraFilterDropDownButton">&nbsp;</div>

然后我用 javascript 手动更新 onmouse 属性，所以它看起来像这样:

<div onmousedown="this.className='showhideExtra_down_click';"
   onmouseout="this.className='showhideExtra_down';"
   onmouseover="this.className='showhideExtra_down_hover';"
   class="showhideExtra_down" id="extraFilterDropDownButton">&nbsp;</div>

他们看起来一样，最大的区别是第一个悬停时会改变类而第二个不会？页面渲染后不能设置吗？

请注意:我需要 IE6 兼容性，这就是我使用 onmouse 而不是 CSS hover 的原因

致以最诚挚的问候

编辑:这是我发现的并且非常有效，我还没有在 IE6 中测试过它:

$("#extraFilterButton").hover(function() {
                $(this).attr('class','showhideExtra_down_hover');
            }, 
            function() {
                $(this).attr('class','showhideExtra_down');
            });

Answer 1

你可以使用:

$('#selector').live('mouseover',function(){//something todo when mouse over})

live() 允许动态变化

(你可以对'mouseout'做同样的事情)