0

我是一个试图学习如何构建 jQuery Mobile 应用程序的新手，我有一个项目列表，我想将这些项目随机排列到不同页面上的不同列表中。我已经能够弄清楚如何使用删除一个

$('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>

到具有完全相同功能的不同列表，你会建议我怎么做？非常感谢。

4

1 回答 1

0

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

我希望这有帮助！

于 2012-10-18T14:05:33.983 回答