相关疑难解决方法(0)

我有两个容器:

<div class="left">
    <div id="myDiv">A Div</div>
    <div id="myDiv2">A Div</div>
</div>
<div class="right">
    <div id="myDiv3">A Div</div>
</div>

第一个包含div使用以下jQuery移动的元素:

$(".left > div").click(function(){
    $(this).appendTo('.right');
});

但是,上面没有提供动画.我想使用CSS 在两个父元素(From 到)之间transition设置动画.div.left.right

顺便说一句,这是我的CSS:

.left, .right{
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 50%;
    height: 100%;
}
.left{background:red;}
.right{background:green; left: 50%;}
.left > div, .right > div{
    display: block;
    height: 100px;
    width: 100px;
    margin: 10px;
    float: left;
    background: #fff;
    color: #000;
}

还有一个小提琴:http://jsfiddle.net/x270Lndz/

我想我需要让他们之间的坐标和转型,既外.left和.right.

我知道 jQuery 可以以编程方式触发侦听这些事件的 DOM 元素上的事件。例如，$el.click()将触发点击事件$el而无需$el用鼠标进行物理点击。

给定两个 DOM 元素dom1和dom2，是否可以使用 jQuery（或 vanilla JavaScript）以编程方式模拟从dom1到的拖放操作dom2，其中dom1可拖放且dom2可使用 jQuery UI拖放。

注意：我想这样做的原因是为了构建自动化的 UI 测试。

我有两个可排序的链表,称为列表1和列表2.

列表1是用户可以选择的所有可能项目的列表,并且将它们拖入他的购物篮(列表2)中.

我想要做的是在列表2(购物篮)中的每个项目旁边都有一个按钮(或链接),当点击它时,将项目移回列表1,而用户实际上不必将其拖动到那里.

我知道我可以轻松实现这一点,只需使用remove()从列表2中删除项目,然后使用append()或after()等将其添加回列表1但我希望动画可以动画.

有没有办法实现这一点,以便项目自动从一个列表"拖动"到另一个列表？如果是这样怎么样？

我已经好好看看但无济于事,但如果可以的话,该网站会好得多.因此,非常感谢您提供的任何帮助.谢谢.

我试图模仿这个网站上的投票投票系统.有没有一种简单的方法来移动jquery中的div的位置(带动画)？

说我有以下项目:

<div id="items">
  <div id="item1">item 1</div>
  <div id="item2">item 2</div>
  <div id="item3">item 3</div>
</div>

我希望能够调用一个能够将项目3平稳地移动到一个位置的功能:

<div id="items">
  <div id="item1">item 1</div>
  <div id="item3">item 3</div>
  <div id="item2">item 2</div>
</div>

有没有简单的方法在jQuery中执行此操作？