如何在Jeditable上禁用默认的“点击编辑”?

时间:2014-02-26 10:28:33

标签: jeditable

我正在使用jeditable插件来制作一些可编辑的值。我注意到当值为空时,会出现我不想要的默认文本“点击顶部编辑”。但我仍然希望该字段也可以编辑。如何管理?

我在http://www.datatables.net/forums/discussion/5865/jeditable-and-default-click-to-edit/p1注意到了一个建议,但这似乎不起作用 - 至少不适合我;使用占位符时:“”该字段不再可编辑。

我的相关代码:

$('.edit').editable('edit_save.php', {
            cancel    : 'Cancel',
            submit    : 'OK'
});//$('.edit').editable('jeditable_save.php', {

2 个答案:

答案 0 :(得分:4)

没有任何文本可以填充它,可编辑元素需要是一个高度和宽度的内联块,如下所示:

.edit { border: 1px solid red; display: inline-block; min-height: 20px; min-width: 100px; }

并像你提到的那样设置一个空白占位符:

$('.edit').editable(function (value, settings) { return value; }, { cssclass: 'editing', placeholder: '', });

请参阅此小提琴http://jsfiddle.net/chrisdillon/37JqF/

答案 1 :(得分:0)

  

我尝试添加此行:占位符:'   &安培;   NBSP;”它有效。

如果您可以添加此行,则表明您的输入为空。

$('.edit').editable('Something', {

    something,...
    placeholder:' ',

})