Javascript IE7-jquery addClass()中断浮动元素
我有一个nav,当鼠标滚动到一个项目上时,它使用addClass('hover')。除了在IE7中使用Javascript IE7-jquery addClass()中断浮动元素,javascript,jquery,css,internet-explorer-7,css-float,Javascript,Jquery,Css,Internet Explorer 7,Css Float,我有一个nav,当鼠标滚动到一个项目上时,它使用addClass('hover')。除了在IE7中使用float:left调用addClass函数时,每个元素都停止浮动,页面完全失去结构,这一切都可以正常工作 这是我的JS: _this.position_sub_menus = function(){ $('#header #nav > ul > li').mouseenter( function(e){ pos = $(this).offset();
float:left
调用addClass函数时,每个元素都停止浮动,页面完全失去结构,这一切都可以正常工作
这是我的JS:
_this.position_sub_menus = function(){
$('#header #nav > ul > li').mouseenter(
function(e){
pos = $(this).offset();
height = $(this).height();
lvl2 = '#' + $(this).attr('id') + '-submenu';
if( $(this).position().left > ($('#nav').width()/2)){
pos.left = pos.left - $(lvl2).width() + $(this).width();
}
$(this).addClass('hover');
$(lvl2).show();
$(lvl2).css( { 'left' : (pos.left - 12) + 'px', 'top' : pos.top + height + 'px'});
}
);
这是断开的元素的CSS:
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
position: relative;
这是960网格系统的CSS
当我注释掉$(this.addClass('hover')代码>行浮动元素不会中断
有人熟悉这个IE7问题吗
谢谢大家雷克斯·M可能在这里有所发现。如果悬停类添加任何填充、边距、填充或更改元素的宽度,则会使元素过大。有时,这些可能发生在IE中,因为。在960gs中,如果元素太长,则它们将转到下一行
如果这没有帮助,你能给我们一个例子的链接吗?Rex M可能在这里找到了一些东西。如果悬停类添加任何填充、边距、填充或更改元素的宽度,则会使元素过大。有时,这些可能发生在IE中,因为。在960gs中,如果元素太长,则它们将转到下一行
如果这没有帮助,你能给我们一个例子的链接吗?什么是悬停类?什么是悬停类?是的,宽度+填充+边距加起来不合适。我只需要稍微改变一些内容的宽度就可以了。谢谢是的,宽度+填充+边距加起来不合适。我只需要稍微改变一些内容的宽度就可以了。谢谢