这段文字从何而来？可编辑

Question

我使用 jeditable jquery 插件。我的table就是这样:

我有这个问题：当我点击绝地 table 字段时，会出现以下文本：

我的js代码是：

 $('.edit').each(function(){
     $(this).editable($('#url_for_ajax').val()+'/update_role_ajax', {

         indicator  : '<img src="'+$('#url_for_ajax').val()+'/img/waiting.gif'+'">',
         tooltip    : 'Clic pour modifier la valeur',
         style      : 'inherit',
         height     : '20px',
         onchange   : 'submit',
         cssclass   : 'input',
         id         : 'id_role',
         name       : 'new_value',
         submitdata : {  
                 'id_role'   : $(this).data('id_role'),
                 'nom_champ' : $(this).data('nom_champ'),
                 '_token'    : $('meta[name="_token"]').attr( 'content' )
                    },
         callback   : function(value, settings) {

                // 

            },
         onerror    : function(settings,original,xhr){
                alert("It wasn't possible to edit. Try again");
                console.log("XHR Status: " + xhr.status)} 
        });
    });

知道这段文字是从哪里来的吗？

多米尼克

Answer 1

发生这种情况是因为它会将具有 edit class 的元素内的任何内容视为可编辑。

很可能您在带有 edit class 的元素中有一个 span 元素，这就是它以这种方式显示的原因。可编辑元素不应包含其他元素，只是纯文本。

尝试将 edit class 添加到 span 中，它应该可以工作。

这段文字从何而来？可编辑

Where does this text come from ? with editable

jquery

jeditable