我想知道为什么执行 jQuery 代码addClass
页面渲染后的函数。
我有一些元素(h1
) 绝对定位。该元素有规则:
left: 60%;
和简单的JS:
$(document).ready(function() {
$('#test').find('header').find('h1').addClass('move');
})
CSS:
.move {
left: 40%
}
现在,问题:为什么页面加载时,h1
元素第一个位于左侧 60%,但加载后第二个元素,由于以下原因,它向左移动了 40%move
班级。
这个效果看起来很糟糕,因为h1
元素现在具有页面上可见的替换效果...
我希望这个元素位于左侧 40%,这样用户就看不到“移动效果”。
问候,
马雷克.
整个要点$(document).ready()
;是它执行after页面已呈现。如果您不希望用户看到更改,则需要在 CSS 中设置样式,或者仅在 JS 中设置 Class 后才显示元素。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)