我正在设计一个网页,我有一个网格布局的6个对话框。每个对话框都有一个按钮。我希望它以这种方式工作:当用户单击按钮时,对话框应该得到扩展,其他框应该移动到右侧,适当对齐并缩小框的大小。我被困在了应该向右移动的盒子的动画中。请帮助!
jQuery功能:$("#searchButton").click(function () {
$("#dialog1").animate({"right": "+=50px"}, "slow");
$("#dialog3").dialogr({position: [800,400]},{duration:1500});
})
在上面的代码中,dialog1的内容向右移动而不是box本身,dialog3移动到指定位置而没有动画。
您必须为jQuery UI小部件动画,而不是原始元素:
$("#searchButton").click(function() {
$("#dialog1").dialog("widget").animate({
right: "+=50px"
}, "slow");
$("#dialog3").dialog("widget").animate({
left: "800px",
top: "400px"
}, 1500);
});