Bootstrap-switch и ajax-reloading

У меня есть html-код для красивой ведьмы чекбокс:

<div id = "cbtestb"></div>

А также код javascript, который нужно использовать при перезагрузке ajax. Почему не работает:

$(document).ready(function () {
    $('#cbtestb').html('<input type = "checkbox" checked = "checked" id = "cbtest" data-toggle = "switch" />');
});

..но хорошо работает такой код:

$('#cbtestb').html('<input type = "checkbox" checked = "checked" id = "cbtest" data-toggle = "switch" />');
$(document).ready(function () {
});

Спасибо

Какой браузер вы используете? Я только что протестировал, и он отлично работает.

— 17.05.2018 10:26

Опубликованный вами код не вызывает описываемой вами проблемы. Пока ваш код javascript находится ниже div, оба примера будут работать. В чем именно проблема? Что вы имеете в виду под красивая. Есть еще jquery, которые добавляют стиль к флажку?

— 17.05.2018 10:30

javascript jquery bootstrap-switch

17.05.2018 10:13

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

256

Ответы 1

Вы неправильно написали селектор в примере загрузки документа.

$('#cbtestb') отличается от $('#cbtestbs')

Если пример вне загрузки документа работает, используйте этот селектор.

$(document).ready(function () {
    $('#cbtestbs').html('<input type = "checkbox" checked = "checked" id = "cbtest" data-toggle = "switch" />');
});

Редактировать

Я могу подтвердить, что следующий код работает.

<!DOCTYPE html>
<html lang = "en">

<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie=edge">
    <title>Test</title>
</head>

<body>
    <div id = "cbtestb"></div>
    <script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E = "
        crossorigin = "anonymous"></script>

    <script>
        $(document).ready(function () {
            $('#cbtestb').html('<input type = "checkbox" checked = "checked" id = "cbtest" data-toggle = "switch" />');
        });
    </script>

</body>
</html>

Я отремонтировал, но он все еще не работает в разделе «Документ готов».

— 17.05.2018 10:20

Поместите console.info('ready'); в свой документ готовым. Убедитесь, что ваш документ готов, запускается.

— 17.05.2018 10:23

17.05.2018 10:17