bootstrap-switch and ajax-reloading

475 Views Asked by user2301515 At 04 April 2025 at 14:11

I have html-code for beautiful checbox witch:

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

And also javascript code, w want to use in ajax reloading. Why it doesn't work:

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

..but works well such code:

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

Thank you

Original Q&A

There are 1 best solutions below

Malcor On 17 May 2018 at 08:17

You have spelled your selector wrong in the document load example.

$('#cbtestb') is different than $('#cbtestbs')

If the example outside the document load is working then use that selctor.

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

Edit

I can confirm that the following code works.

<!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>

bootstrap-switch and ajax-reloading

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in JQUERY

Related Questions in BOOTSTRAP-SWITCH

Trending Questions

Popular # Hahtags

Popular Questions