загрузчик-переключатель и AJAX-перезагрузка - PullRequest
Новая
       22

загрузчик-переключатель и AJAX-перезагрузка

0 голосов
/ 17 мая 2018

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

<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 () {
});

Спасибо

1 Ответ

0 голосов
/ 17 мая 2018

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

$('#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>
...