如何在购物车中拖动新数据后从购物车中删除旧数据
how to remove old data from shoppingcart after drag new one data in shoppingcart
我想编写一些jQuery代码,当我们拖入它时,它一次只显示一个值。例如,如果我拖动Bank
那么它应该只显示Bank
之后。如果我拖动Rent
它应该只显示Rent
,反之亦然。
在我的jsFiddle中有一些代码错误,请帮助我解决它们。
$("#shoppingCart1 ol").droppable({
// ....
})
我的小提琴
您直接追加拖动的项目。您只需要用新项目替换旧项目即可。
所以把你的函数改成这个——
var listItem = $("<li></li>", {
"text": ui.draggable.text(),
"data-id": productid
});
self.html(listItem);
在这里演示
使用 .html()
而不是 .appendTo()
工作小提琴
$(this).html($("<li></li>", {
"text": ui.draggable.text(),
"data-id": productid
}));
您已经从列表中删除了具有类placeholder
的每个项目,因此只需将新项目设置为具有类placeholder
$("<li></li>", {
"text": ui.draggable.text(),
"data-id": productid,
"class": "placeholder"
}).appendTo(this);
现在,您的代码将找到该项并将其正确删除。
示例 JSFiddle
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 画布数据到图像
- 使用jquery将mysql数据获取到新的表行中
- 使用html中的外部javascript进行数据验证
- 有时数据是't显示在浏览器中
- React中的数据集表示
- 如何在购物车中拖动新数据后从购物车中删除旧数据
- 跨不同页面显示简单购物车数据
- 传递购物车数据…Ajax或PHP Post