gpt4 book ai didi

jquery - 最小宽度 0 不适用于按钮

转载 作者:行者123 更新时间:2023-11-28 09:57:42 27 4
gpt4 key购买 nike

我希望用一个平滑的动画替换另一个按钮而不改变元素的高度,因为我将在它们下面有其他我不想移动的按钮(所以我不认为我可以使用 .hide 和 .show 并且我想要一个从右到左的替换)。我对使用其他技术的解决方案持开放态度,但请注意,我希望它能在 PC、Android 和 iOS 上的所有现代浏览器中运行。

我认为我会使用 JQuery“.animate”。然而,当我设置下面的代码示例并单击按钮时,它并没有缩小到什么都没有(尽管我设置了最小宽度)。

如果不能解决这个问题,它会影响我的特殊效果,并使解决它的工作变得过于复杂(当第一个按钮达到非零最小尺寸时,我会在最后出现一个 SCSS ,只是消失,另一个跳到全尺寸)。

在最终版本中,第一个按钮之后会有另一个按钮同时从 0px 扩展,但我认为(除非另有说明)解决下面的脚本也会导致如何从 0px 宽度开始。

请帮忙。谢谢。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("button").animate({width:'0px'});
});
});
</script>
<style>
button {
min-width:0px;
height: 22px;
}
</style>
</head>

<body>
<button>Start Animation</button>

</body>
</html>

最佳答案

或者,您可以直接在代码中添加 CSS 属性。看看 DEMO .

$(document).ready(function(){
$("button").click(function(){
$("button").animate({width:'0px', padding:'0', border:'0'});
});
});

关于jquery - 最小宽度 0 不适用于按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24840150/

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