首页 > 解决方案 > 可排序和新创建的内容

问题描述

在网上搜索我看到了这个问题的很多“解决方案”,但对我没有任何帮助。

<div class='wrap'>
<img class='aimg' src='01.jpg' alt='img'>
<img class='aimg' src='02.jpg' alt='img'>
</div>

$(function(){
    $(".wrap").sortable({containment: 'parent'});
});

这会像这样更改标记:

<div class='wrap ui-sortable'>
<img class='aimg ui-sortable-handle' src='01.jpg' alt='img'>
<img class='aimg ui-sortable-handle' src='02.jpg' alt='img'>
</div>

一切正常,即图像是可排序的。

现在我添加一个新内容,和上面一样

var newcontent = "<div class='wrap ui-sortable'>
<img class='aimg ui-sortable-handle' src='01.jpg' alt='img'>
<img class='aimg ui-sortable-handle' src='02.jpg' alt='img'>
</div>";

$('newcontent').prependTo($('.container');

新内容在这里,但它不可排序。

有什么帮助吗?

标签: javascriptjqueryjquery-ui

解决方案


推荐阅读