gpt4 book ai didi

jquery 类更改显示动画而不是即时切换

转载 作者:行者123 更新时间:2023-11-28 13:26:16 26 4
gpt4 key购买 nike

我的应用程序中有 2 个 div,每个 div 有 2 个不同的图像尺寸,单击时我需要在它们之间切换类。一切正常,但 .

从类 big_div 到 small_div 的切换工作完美.. 没有问题,没有图像动画

但是从 small_div 切换到 big_div 会显示一些从当前尺寸到建议的大尺寸的图像动画。

如何在没有动画的情况下改变类的实例宽度?代码看起来像

CSS

.big_div {
width:600px;
height:400px;
float:left;
border:1px solid #cacaca;
}

.big_div img {
width:150px;
height:100px;
float:left;
margin:10px;
}


.small_div {
width:600px;
height:400px;
float:left;
border:1px solid #cacaca;
}

.small_div img {
width:300px;
height:200px;
float:left;
margin:10px;
}

HTML

<body>
<div id="big" class="big_div"></div>
<div id="small" class="small_div"></div>
<a id="switch">Click</a>
</body>

JS

$(document).ready(function(){

$('#switch').click(function(){
$('#big').switchClass( "big_div", "small_div",1 );
$('#small').switchClass( "small_div", "big_div",1 );

});

});

有什么想法吗?

最佳答案

改用toggleClass

$('#switch').click(function(){
$('#big, #small').toggleClass("big_div small_div");
});

reference

关于jquery 类更改显示动画而不是即时切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14150957/

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