单击时将输入更改为TinyMCE？

Question

我正在显示一个输入字段列表，如下面的代码所示。我想要做的是将输入更改为click()或hover()上的一个hover()窗口。为了做到这一点，我在下面编写了javascript，但这显然行不通，因为它们不是<textarea的。

<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