仅在显示占位符文本时更改jEditable控件中的字体

Question

我有一个div,我正在变成一个jEditable控件,代码如下:

         $(".ed-fld").editable("/url",
            {
              placeholder: "(Edit)", 
              tooltip: "Click to edit", 
              indicator: "Saving. . ."
            } 
         );

它工作正常.

现在,我想添加一个效果,当控件显示占位符文本时,它会以灰色显示.当控件包含实际文本时,它应遵循常规样式.

这可能通过jEditable吗？

Answer 1

该placeholder字符串直接分配给元素的innerHTML,因此您可以在其中包含带有类的HTML标记,例如

$('.ed-fld').editable('/url', {
    ...
    placeholder: '<span class="placeholder">(Edit)</span>'
});

然后你可以设置placeholder课程的风格,例如

.placeholder { color: gray }

看到它在行动:http://jsfiddle.net/william/6VUHh/40/.