jquery类更改显示动画而不是即时切换
我在我的应用程序中得到了2个div，每个div有2个分离的图像维度，点击我需要在它们之间切换类。一切都很好，但是 从大刻度到小刻度的转换工作得很好。。没有问题，没有图像动画 但是切换到小div到大div会显示一些从当前尺寸到建议的大尺寸的图像动画 如何在没有动画的情况下更改类的实例宽度？代码看起来像 CSS HTMLjquery类更改显示动画而不是即时切换,jquery,css,jquery-ui,Jquery,Css,Jquery Ui,我在我的应用程序中得到了2个div，每个div有2个分离的图像维度，点击我需要在它们之间切换类。一切都很好，但是 从大刻度到小刻度的转换工作得很好。。没有问题，没有图像动画 但是切换到小div到大div会显示一些从当前尺寸到建议的大尺寸的图像动画 如何在没有动画的情况下更改类的实例宽度？代码看起来像 CSS HTML 有什么想法吗？改用toggleClass $('#switch').click(function(){ $('#big, #small').toggleClass("big
有什么想法吗？改用
toggleClass$('#switch').click(function(){
$('#big, #small').toggleClass("big_div small_div");
});
我想切换类是您想要的。但是switchClass也应该可以工作
可能是因为您使用的jQuery和jQueryUI的版本。我使用jQuery1.8.2和jQueryUI1.8.9对它们进行了测试。它们都工作得很好。可以找到两个例子：我认为你的css类在HTMLtoggleClass中是错误的，这就是你想要的吗
<body>
<div id="big" class="big_div"></div>
<div id="small" class="small_div"></div>
<a id="switch">Click</a>
</body>
$(document).ready(function(){
$('#switch').click(function(){
$('#big').switchClass( "big_div", "small_div",1 );
$('#small').switchClass( "small_div", "big_div",1 );
});
});
$('#switch').click(function(){
$('#big, #small').toggleClass("big_div small_div");
});