在编辑文本框中可编辑显示占位符文本

Question

我遇到了jeditable的问题，并尝试自定义占位符文本的样式。

        $(".labeledit").editable("....", {
            event: "click",
            onblur: "submit",
            width:($(".labeledit").width() + 40) + "px",
            placeholder: "<span class='placeholder'>add label</span>",
            tooltip: "Click to update"
        });

在占位符文本中，我添加了一个span并关联了一个类。这在视图中工作正常，但是当我点击添加标签文本时，它会将占位符文本放入文本框中，以便我得到

<span class='placeholder'>add label</span>

出现在文本框中。

如果我只有占位符：“添加标签”，则添加标签文字不会显示在文本框中。

我做错了什么？

Answer 1

在这里！而不是：

...
placeholder: "<span class='placeholder'>add label</span>",
...

尝试切换引号：

...
placeholder: '<span class="placeholder">add label</span>',
...