仅在显示占位符文本时更改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/。