jeditable showing placeholder text in edit textbox

问题

I have an issue with jeditable and trying to customize the style of the placeholder text.

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

In the placeholder text I add a span and associate a class. This works fine in the view but when I click on the add label text it places the placeholder text into the textbox so I get

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

appearing in the textbox.

If I just have placeholder: "add label" then the add label text doesn't show in the textbox.

What am I doing wrong?

回答1:

Here it is! Instead of:

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

try switching the quote marks:

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

来源：https://stackoverflow.com/questions/12767828/jeditable-showing-placeholder-text-in-edit-textbox