我正在设计一个网页,其中有 6 个网格布局对话框。每个对话框都有一个按钮。我希望它以这种方式工作:当用户单击按钮时,对话框应该展开,其他框应该以正确的对齐方式移动到右侧并缩小框的大小。我陷入了为应该移动到右侧的盒子制作动画的困境。请帮忙!
jQuery 函数:
$("#searchButton").click(function () {
$("#dialog1").animate({"right": "+=50px"}, "slow");
$("#dialog3").dialogr({position: [800,400]},{duration:1500});
})
在上面的代码中,dialog1 的内容移动到右侧而不是框本身,dialog3 移动到指定位置,但没有动画。 请帮我制作这些盒子的动画。
最佳答案
您必须为 jQuery UI 小部件而不是原始元素设置动画:
$("#searchButton").click(function() {
$("#dialog1").dialog("widget").animate({
right: "+=50px"
}, "slow");
$("#dialog3").dialog("widget").animate({
left: "800px",
top: "400px"
}, 1500);
});
关于jquery - 动画 jQuery 对话框到不同的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6849352/