Изменение текста внутри диапазона после клика (jquery)

Question

Изменение текста внутри диапазона после клика (jquery)

0

У меня есть кнопка внутри диапазона

<span class="act-button"><input type="button" value="Deactivate" onclick="deactivateTemplate(' + options.rowId + ')"></span>

и мне нужно изменить текст внутри span.act-button после onclick,
Я попытался использовать этот код

function deactivateTemplate(id) {
        $.post('@Url.Action("DeactivateFormTemplate")', { id: id })
        .done(function (result) {
            showMessage(result.Message);
            $('span.act-button').empty().html('<input type="button" value="Activate" onclick="activateTemplate(' + options.rowId + ')">');
        });

но после щелчка моя кнопка просто исчезает, и я не получаю новую кнопку внутри span.act-button.
Что случилось с моим кодом?

Heidel 08 окт. 2013, в 14:13

Источник

2

Почти каждая строка этого кода ссылается на то, что мы не видим. Вы уверены, что все работает вместе, как вы ожидаете? Каковы итоговые значения из этих ссылок? Когда вы отлаживаете это, в какой момент наблюдаемое поведение отклоняется от ожидаемого поведения?
David 08 окт. 2013, в 11:19
0

Я получаю <span class="act-button"><input type="button" value="Deactivate" onclick="deactivateTemplate(' + options.rowId + ')"></span> на моей странице, но после нажатия span.act-button становится пустым, и я не получаю новую кнопку внутри.
Heidel 08 окт. 2013, в 11:22

Теги:

jquery

1 ответ

Ещё вопросы

Почти каждая строка этого кода ссылается на то, что мы не видим. Вы уверены, что все работает вместе, как вы ожидаете? Каковы итоговые значения из этих ссылок? Когда вы отлаживаете это, в какой момент наблюдаемое поведение отклоняется от ожидаемого поведения?
Я получаю <span class="act-button"><input type="button" value="Deactivate" onclick="deactivateTemplate(' + options.rowId + ')"></span> на моей странице, но после нажатия span.act-button становится пустым, и я не получаю новую кнопку внутри.

Gaurav · Answer 1 · 2013-10-08T08-51-00.000Z

Нет необходимости воссоздавать вашу кнопку. Просто измените его значение

function deactivateTemplate(id) {
        $.post('@Url.Action("DeactivateFormTemplate")', { id: id })
        .done(function (result) {
            showMessage(result.Message);
            $('span.act-button>input').val('Activate');
        });
}

Методы манипуляции DOM в jquery являются асинхронными: они не завершаются немедленно. Поэтому возможно, что empty() завершит выполнение после html(). Старайтесь не использовать оба вида.