gpt4 book ai didi

jquery - chrome 中的 css 仅在检查元素后有效

转载 作者:技术小花猫 更新时间:2023-10-29 11:44:24 25 4
gpt4 key购买 nike

我正在使用 flexslider JQuery 插件来幻灯片显示我网站中的几个元素。我还在应用 flexslider 的元素上使用 JQuery .click() 事件和 fadeIn() fadeOut() 效果。

我的网站在 Firefox 中看起来不错,但是当我在 Chrome 中打开它时,幻灯片堆叠在一页中。但让我感到困惑的是,当我在 chrome 中使用检查元素时,它会正确设置布局,就像在 firefox 中一样。

谁能解释一下发生了什么?

已编辑:好吧,经过一些检查,布局会随着宽度/高度的变化而变化,所以这是我在无法正确显示的元素上使用的 css:

#content{
width: 80%;
margin: 2% 10%;
padding: 3% 1%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: rgba(255,255,255,0.5);
-webkit-box-shadow: 0 2px 3px 0 #aaa;
-moz-box-shadow: 0 2px 3px 0 #aaa;
box-shadow: 0 2px 3px 0 #aaa;
}
h2{
width: 80%;
margin: 5% 10%;
color: #808080;

font-family: "Lobster", Arial;
font-weight: bold;
font-size: 5em;

line-height: 1em;
text-align: center;
}

flexslider 放置在#content 中,而幻灯片内部是带有h2 标签的元素

最佳答案

我有类似的问题,在我有 .trigger('click') 之后 css 不会加载

当我在 chrome 中使用检查元素时它加载了

我通过在触发 .trigger('click') 之前暂停来解决问题

例如:

$('#workDone').click(function(){

setTimeout(function(){$('#mefirst').trigger('click');}, 100); //providing delay to buffer load time of css


});

关于jquery - chrome 中的 css 仅在检查元素后有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9919187/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com