在选项卡之间放置项目时使用 jQuery UI 效果
我有一个 jQuery UI 选项卡控件。它包含可以排序的块。它们也可以放在其他选项卡上。当一个块被放到另一个选项卡上时，我想使用幻灯片效果从当前选项卡中隐藏该块，然后再将其显示在新选项卡上。
这是 jsfiddle 上的问题演示（按照 jsFiddle 链接上的说明复制问题）
jsFiddle 演示最初显示了该问题的工作状态。它使用标准 .hide() 方法来隐藏块。但是当使用 hide() 的“幻灯片”效果时，会出现意想不到的结果。该块没有动画。相反，在 1000 毫秒的动画间隔之后，该块会从选项卡中消失，然后被放置在新选项卡上的意外位置。
预期的行为是该块将向左滑动并从“完整”选项卡移至“空”选项卡。
I have a jQuery UI tab control. It contains blocks that can be sorted. They can also be dropped on other tabs. When a block is dropped on another tab, I want to use the slide effect to hide the block from the current tab before displaying it on the new tab.
Here is a demonstration of the problem on jsfiddle (Follow the directions on the jsFiddle link to duplicate the problem)
The jsFiddle demo initially shows a working state for the problem. It uses the standard .hide() method to hide a block. But when using the "slide" effect with hide(), unexpected results occur. The block is not animated. Instead, after the animation interval of 1000ms the block just disappears from the tab and then is placed in an unexpected position on the new tab.
The expected behavior is that the block will slide to the left and be moved from the "Full" tab to the "Empty" tab.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论