Question

我正在尝试使用jQuery Gridly插件使用span来对齐图像。它的工作正常我所期望的。但我的问题是，在使用此插件后，我无法将span设为可编辑。

以下是我的问题：http://jsfiddle.net/Manivasagam/72cr4bvk/21/

用于对齐的代码，

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

我希望有人能帮帮我！

Answer 1

您可以在范围中添加类名，然后使用类名删除click和mousedown事件

我尝试在click me for align btn上添加它，但它无效。

如果我使用setTimeout

添加，则有效

选中此fiddle

所以，如果你能够获得正确的点击/ mousedown事件并禁止它，那么一切都应该可行。我想是的。

<强>更新

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

我添加的代码是：

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

结帐fiddle

为什么在使用jQuery Gridly插件后无法编辑跨度？

1 个答案: