Question

我显示输入字段列表，如下面的代码所示。我想要做的是将输入更改为TinyMCE或click()上的hover()窗口。要做到这一点，我在下面写了javascript，但由于他们不是<textarea，所以显然没有工作。

HTML

<div class="col-md-12">

    <div class="col-md-3">
        <input id="first" class="input-field" value="test1"/>
    </div>
    <div class="col-md-3">
        <input id="second" class="input-field" value="test2"/>
    </div>
    <div class="col-md-3">
        <input id="third" class="input-field" value="test3"/>
    </div>
    <div class="col-md-3">
        <input id="fourth" class="input-field" value="test4"/>
    </div>

    <!--This continues for some time-->

    <div class="col-md-3">
        <input id="fiftyseventh" class="input-field" value="test57"/>
    </div>
    <div class="col-md-3">
        <input id="fiftyeight" class="input-field" value="test58"/>
    </div>
    <div class="col-md-3">
        <input id="fiftyninth" class="input-field" value="test59"/>
    </div>
    <div class="col-md-3">
        <input id="sixtieth" class="input-field" value="test60"/>
    </div>

</div>

的javascript

$("body").on("click", "input.input-field" function() {
    var id = $(this).attr("id");
    tinymce.EditorManager.execCommand("mceRemoveEditor", true, id);
    tinymce.EditorManager.execCommand("mceAddEditor", true, id);
});

Answer 1

我的问题出在你的javascript代码中。

请检查此行 -

$("body").on("click", "input.input-field" function() {

添加input.input-field后没有“，”（逗号）。我应该在那里。

$("body").on("click", "input.input-field", function() {

我检查过你的所有代码工作正常。

这是DEMO

点击后将输入更改为TinyMCE？

1 个答案: