这段文字来自哪里？可编辑

Question

我使用了jeditable jquery插件。我的表就像那样：

我遇到了这个问题：当我点击可编辑字段时，会显示以下文字：

我的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类元素内部的可编辑性。

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

尝试将edit类添加到 span ，而它应该可以正常工作。