一些CSS样式需要应用到悬停的元素,CSS样式必须直接使用javascript / jquery,而不是通过样式表或$(this).addClass(‘someStyle’),因为我将DOM元素注入另一个页。
我们可以应用通常的css样式
$('#some-content').css({ marginTop: '60px',display: 'inline-block' });
我们应该如何添加CSS样式为:hover事件?
我们必须诉诸于:
$('#some-content').hover( function(){ $(this).css('display','block') },function(){ $(this).css('display','none') } )
解决方法
我发现使用mouseenter和mouseleave比hover更好。还有更多的控制。
$("#somecontent").mouseenter(function() { $(this).css("background","#F00").css("border-radius","3px"); }).mouseleave(function() { $(this).css("background","00F").css("border-radius","0px"); });