Javascript 引导开关和ajax重载_Javascript_Jquery_Bootstrap Switch

Javascript 引导开关和ajax重载

javascript jquery

Javascript 引导开关和ajax重载,javascript,jquery,bootstrap-switch,Javascript,Jquery,Bootstrap Switch,我有漂亮的checbox witch的html代码： <div id="cbtestb"></div> 还有javascript代码，我们希望在ajax重新加载中使用。为什么它不起作用： $(document).ready(function () { $('#cbtestb').html('<input type="checkbox" checked="checked" id="cbtest" data-toggle="switch" />')

我有漂亮的checbox witch的html代码：

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

还有javascript代码，我们希望在ajax重新加载中使用。为什么它不起作用：

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

$（文档）.ready（函数（）{
$（'#cbtestb'）.html（''）；
});

…但在以下代码中效果良好：

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

$（'#cbtestb'）.html（''）；
$（文档）.ready（函数（）{
});

谢谢您

在文档加载示例中，您的选择器拼写错误

$（'cbtestb'）

不同于

$（'cbtestb'）

如果文档加载之外的示例正在运行，则使用该选择器

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

$（文档）.ready（函数（）{
$（'#cbtestbs'）.html（''）；
});

编辑

我可以确认以下代码是否有效

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


测验
$（文档）.ready（函数（）{
$（'#cbtestb'）.html（''）；
});

I已修复，但在“document ready”（文档准备就绪）下仍无法工作。请放置一个

console.log（'ready'）在文档中准备就绪。检查您的文档是否已准备就绪。您正在使用哪个浏览器？我刚刚测试过，它工作正常。您发布的代码不会导致您描述的问题。只要您的javascript代码位于div
之下，这两个示例都可以使用。这里到底有什么问题？你说的美丽是什么意思。是否有更多的jquery
将样式添加到复选框中？