我無法使用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