项目需要上传多张图片,并给图片排序,就只用了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了。