我不能使用jquery使span可编辑

时间:2014-11-22 09:16:21

标签: javascript jquery css

我使用javascript动态上传带有span文本的图片。它完全使用span文本上传,但我正在尝试使用jquery代码使该范围可编辑,

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

使用span上传一些图像后,使用 jquery网格插件进行对齐。我正在使用的代码,

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

        });

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

我希望有人会更正我的代码并告诉我为什么我无法编辑范围?

1 个答案:

答案 0 :(得分:2)

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

这是working example