dragsort 拖拽插件,点击事件不生效问题解决方法

项目需要上传多张图片,并给图片排序,就只用了dragsort插件,但是之前支持的点击图片删除功能不生效了,一开始试了很多方法,后面才知道点击事件被当成了移动事件
下面是一开始加的代码,支持图片移动

$("body .demo").dragsort({
			dragSelector: "li",
			dragBetween: true,
			dragEnd: function() {}
		});

下面是添加后的效果,但是测试时发现,图片右上角的删除不生效

下面在看到一个属性:dragSelectorExclude
CSS选择器的元素内的dragSelectorExclude不会触发dragsort的。默认值是"input, textarea, a[href]"。

$("body .demo").dragsort({
			dragSelector: "li",
			dragSelectorExclude: "a",   //  给我删除图标排除
			dragBetween: true,
			dragEnd: function() {}
		});

最后能识别到我的点击事件了,之前各种onclick,$(“body”).on(‘click’, ‘.selector’, function(){})都监测不到点击事件,现在OK了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值