2016-11-07 157 views
2

我将在一个页面上有多个summernote字段,并且我想要一个动态的方式来获取元素ID在做onblur时。我似乎无法得到的元素ID,它只是回来不确定获取Summernote元素的ID

例HTML

<div class="summernote" id="desc_long" name="Long Description">Test 123</div>

的Javascript

$(function() { 
    $('.summernote').summernote({ 
     toolbar: [ 
      ['headline', ['style']], 
      ['style', ['bold', 'italic', 'underline', 'clear']], 
      ['color', ['color']], 
      ['font', ['strikethrough', 'superscript', 'subscript']], 
      ['alignment', ['ul', 'ol', 'paragraph']], 
      ['insert', ['link']], 
     ], 
     onblur: function() { 
      var objid = $(this).attr("id"); 
      alert(objid); 
     } 
    }); 
}); 
+0

我认为这里是全局对象 – Geeky

+0

通过event.target访问id – Geeky

+0

试着在控制台上打印这个,看看哪个对象变得模糊。的console.log($(本)); –

回答

0

您正在使用哪个summernote的版本?如果它的v0.6.5或更高,则使用骆驼案例,即onBlur而不是onblur。试试这个并检查。同时发布你的错误,如果有的话。此外,回调函数丢失。检查http://summernote.org/deep-dive/

+0

感谢您的建议!是旧版本。 –

2

回调 attr为丢失你的情况

  $('.summernote').summernote({ 
       toolbar: [ 
        ['headline', ['style']], 
        ['style', ['bold', 'italic', 'underline', 'clear']], 
        ['color', ['color']], 
        ['font', ['strikethrough', 'superscript', 'subscript']], 
        ['alignment', ['ul', 'ol', 'paragraph']], 
        ['insert', ['link']], 
       ], 
       callbacks: { 
        onBlur: function(event) { 
        console.log($(this).attr('id')) 
         //alert("onBlur event triggered!"); 
        } 
       } 
      }); 
0

谢谢大家!我使用的是具有非常旧版本Summernote的模板。更新后,Gaurav joshi的代码是正确的方向。

再次感谢。