Question

我是一个新手，试图学习如何构建一个jQuery移动应用程序，我有一个项目列表，我想要在不同页面上的不同列表中随机播放。我已经能够弄清楚如何使用

删除一个

$('document').ready(function() {
    $('.theListItem .red').click(function() {
        var $toRemove = $(this).closest('div[data-theme="a"]')

        $toRemove.animate({
            height: 0
        }, 500, function() {
            // This is the callback.
            $toRemove.remove();
        });

        return false;
    });
});

但是如果我想移动像

这样的整个项目

<div data-role="collapsible" data-collapsed="false" data-theme="a">
    <h3>Section 1</h3>
<div data-role="controlgroup"  data-type="horizontal">
<a href="categorize.html" data-role="button">Yes</a>
<a href="index.html" data-role="button">No</a>
<a href="index.html" data-role="button">Maybe</a>
</div>

到具有完全相同功能的不同列表，您会如何推荐我这样做？非常感谢。

Answer 1

我认为最好的方法是动态地从JavaScript对象中绘制列表。具体来说，如果您有两个列表A和B，则可能有一个表示每个列表的字符串数组。每次在列表之间移动项目时，只需在两个数组上执行操作，然后从这些数组中重绘列表。

我希望这有帮助！

如何将项目从一个列表移动到另一个列表？

1 个答案: