我无法使用jquery编辑跨度

Question

我使用javascript动态上传图像和跨度文本。这是一个与跨文本完全上传，但我试图让跨度编辑使用jQuery代码，

$('span').bind('dblclick', 
    function(){ 
    $(this).attr('contentEditable',true); 
    }); 

上传与跨度一些图像后，使得对准使用jQuery的gridly插件使用。那代码IM，

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

     }); 

这里是我的演示我累了：http://jsfiddle.net/Manivasagam/72cr4bvk/8/

我希望有人会纠正我的代码，并告诉我，为什么我不能编辑跨度？

Answer 1

$('span').bind('dblclick', function() { 
     $(this).attr('contentEditable', true); 
    }).blur(
     function() { 
      $(this).attr('contentEditable', false); 
     }); 

这里是working example