Применить CSS/javascript после jquery replaceWith

Question

Я заменяю строку в таблице html после запроса ajax. После успешного запроса я получаю частичную часть html, которую я заменяю текущей строкой.

$ ("# ID"). ReplaceWith (ответ)

Теперь я добавил поле ввода флажок, и я развалюха его с помощью этой CSS и JS библиотеки Bootstrap Switch

Таким образом, после я заменяю в строке я вижу только обычный нормальный входной флажок. И не симпатичный переключатель. Если я обновляю страницу, то отображается рендеринг.

Может ли кто-нибудь помочь мне и указать на проблему этой проблемы? Я попытался использовать триггер ('create') в строке и родительском.

Это код, который я использую для обновления таблицы, например, я упомянул, что он выполняет только replaceWith.

processRecord = (barCode, random_id) -> 
    postParams = { barCode: barCode, ran_id: random_id } 

    $.ajax 
    url: '/scans' 
    type: 'post' 
    data: postParams 

    success: (response, textStatus, xhr) -> 
     $("#" + random_id).replaceWith(response) 
     $("#scans").trigger('create') 

Я копал код переключения бутстрапа. Метод init приведет к добавлению дополнительного html к флажку ввода после рендеринга. Этого не происходит, когда я делаю замену. Посмотрите здесь: https://github.com/nostalgiaz/bootstrap-switch/blob/master/static/js/bootstrapSwitch.js#L14

Благодаря

Answer 1

Вы должны инициализировать переключатель плагин снова после замены элемента.

success: (response, textStatus, xhr) -> 
    $("#" + random_id).replaceWith(response) 

     // assuming #scans is the parent of inputs 
     var sc = $("#scans"). 

    if (!sc.hasClass('has-switch')) { // this is to prevent stacking 
    sc['bootstrapSwitch'](); // if has-switch is not found, use switch plugin 
    }