“为什么我不能向上或向下移动”;附加数据”;
Why I cannot move up or down "append data"?
$(document).ready(function () {
var $selected = $();
var $itemLv1 = $("#cList [class^=lv]");
$itemLv1.on('click', function (e) {
$selected = $(this);
var x = $(this).toggleClass('clicked');
$("[class^=lv]").not(x).removeClass("clicked child").addClass("child");
// x.siblings().removeClass('clicked');
e.stopPropagation();
});
$("#moveUp").on('click', function () {
$selected.insertBefore($selected.prev("[class^=lv]"));
});
$("#moveDown").on('click', function () {
$selected.insertAfter($selected.next("[class^=lv]"));
});
var cList = document.getElementById("cList");
var divLv1 = document.createElement("div");
divLv1.className = 'lv1';
var content = document.createTextNode("This is a test");
divLv1.appendChild(content);
cList.appendChild(divLv1);
});
.clicked{
color: red !important;
}
.child{
color:black;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="button" id="moveUp">Up </button> /
<button type="button" id="moveDown">Down</button>
<div id="cList">
<div class="lv1">AAAAAA</div>
<div class="lv1">BBBBBB</div>
<div class="lv1">CCCCCC</div>
<div class="lv1">DDDDDD</div>
</div>
我可以向上或向下移动原始数据。然而,当我使用ajax获取数据并在其下附加相同类的数据("这是测试"(时
我不能移动它。
我错过什么了吗?
由于元素是动态创建的,因此需要使用on()
事件处理程序,如下所示:
$(document).on('click', '#cList [class^=lv]', function (e) {
$selected = $(this);
var x = $(this).toggleClass('clicked');
$("[class^=lv]").not(x).removeClass("clicked child").addClass("child");
// x.siblings().removeClass('clicked');
e.stopPropagation();
});
相关文章:
- 以下数据布局在设置显示上向上移动:无
- 如何在剪切/粘贴/移动后在contentEditable DIV中保留与XML相关的数据
- 如果我在页面之间移动,Jquery 数据表行事件会卡住
- 如果上一个
为空,则向上移动表数据 d - 如何在页面之间导航后停止jquery移动中的重复数据
- 尝试在移动优先应用程序中从 SQL 数据库获取数据时出错
- 如何使用jquery移动数据块
- 在线/离线数据更新移动最佳实践
- 从页面上点击的链接中删除数据,然后移动到下一页&在CasperJS中重复
- 当一个字段已满时,将数据条目移动到下一个字段-JS制表
- 当移动到“外部”版本时,“内部”成功 AJAX 中的“数据”变量应该更改为什么
- 如何在移动屏幕上居中“获取数据”
- 使用数据发布更改页面 jQuery 移动
- 数据表移动行按钮
- 来自第三方身份验证的 Firebase 身份验证数据在移动 safari iOS8 中始终为空
- 视频标签仅在移动设备上调用一个字节的数据(Node.js)
- 将一些 JSON 数据移动到唯一的 Div 中
- 将数据移动到$.ajax's out
- 将数组数据移动到分部中
- 如何在不移动过滤功能的情况下将一组过滤后的数据移动到另一个工作表