Как я могу добавить редактор wysihtml5 в свою testarea только один раз по запросу ajax?

В случае успеха ajax я хочу добавить редактор wysihtml5 в мою текстовую область. Проблема в том, что каждый раз, когда я нажимаю на мою кнопку, она добавляет ее снова, как вы можете видеть в этой скрипке:

http://jsfiddle.net/WQXXT/7099/

<link rel="stylesheet" type="text/css" href="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.css">
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.js"></script>
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://jhollingworth.github.io/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script>

<a href="#" onclick="return getSuccessOutput();"> test success </a> | <a href="#" onclick="return getFailOutput(); return false;"> test failure</a>
<div id="output">waiting for action</div>
<textarea class="textarea" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea>


function getSuccessOutput() {
    $.ajax({
        url:'/echo/js/?js=hello%20world!',
        complete: function (response) {
            $('#output').html(response.responseText);
        },
        error: function () {
            $('#output').html('Bummer: there was an error!');
            $(".textarea").wysihtml5();
        },
    });
    return false;
}

function getFailOutput() {
    $.ajax({
        url:'myAjax.php',
        success: function (response) {
            console.log(data, response);
            $('#output').html(response);
        },
        error: function () {
            $('#output').html('Bummer: there was an error!');
            $(".textarea").wysihtml5();
        },
    });
    return false;
}

Я проверял, чтобы работать с $(".textarea").remove(); но тогда текстовая область полностью исчезла. Я проверял $(".textarea").empty(); но это ничего не меняет. Я проверял $(".textarea").unbind(); но это также ничего не меняет, а также $(".textarea").off();

0 ответов

Другие вопросы по тегам