javascript - 可排序和新创建的内容
问题描述
在网上搜索我看到了这个问题的很多“解决方案”,但对我没有任何帮助。
<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');
新内容在这里,但它不可排序。
有什么帮助吗?
解决方案
推荐阅读
- javascript - 为什么我的函数 secondMethod 不是函数 TypeError: (...).secondMethod 不是函数
- sas - PROC SQL 合并不匹配
- entity-framework - Azure DevOps Pipeline 找不到 edmx 资源
- movilizer - 如果字符串中存在双引号,则 Movlet 失败
- html - base64到图像不转换
- php - 如何在 PHP mysql 中计算已读和未读消息
- pyspark - 使用 pySpark 将部分文件从 hdfs 读入数据帧
- azure - Azure 管道:错误 MSB4019 WebApplication.targets 未找到
- windows - 为 IOCP 创建线程池
- angular - Angular cli 在 app.component.html 中添加 css 和额外的 html