Javascript 为什么在使用jquerygridly插件后不能编辑span？

我正在尝试使用jquerygridly插件将图像与span对齐。它工作得和我预期的一样好。但我的问题是，在使用这个插件后，我无法将span设置为可编辑

我的问题是：

用于对齐的代码

 $('.gridly').gridly({
    columns: 8
    // base: 60, // px  
   //gutter: 20 // px
        });
    $('.gridly').gridly('draggable');
    return;

---

我希望有人能帮助我

您可以将类名添加到span，然后使用类名删除

单击
和
鼠标向下
事件

我已尝试将其添加到
单击我进行对齐
btn，但它不起作用

如果使用
setTimeout

检查这个

因此，如果您能够获得适当的click/mousedown事件并将其抑制，那么我想一切都应该正常

更新

我想我已经解决了这个问题。jquery事件中似乎存在一些优先级冲突。在这里，我使用了native
onmousedown
事件

我添加的代码是：

var allspans = document.getElementsByClassName('insidespan');
$.each(allspans,function(index,value){
    allspans[index].onmousedown = function(event){
        event.stopPropagation();
    }
});

签出此
its，因为父元素正在处理事件。尝试停止活动propagation@CerlinBoss你能更新代码并共享链接吗？@CerlinBoss我不知道我想在哪里停止传播？现在检查，span内部也可编辑，但当右键单击该span时。为什么？删除
dblclick
处理程序，看看是否有帮助。否！。我删除了dblclick，但不起作用！。但当我点击鼠标右键时工作。