引导开关和Ajax重新加载

Question

我有漂亮的checbox女巫的html代码：

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

还有javascript代码，w想在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 () {
});

谢谢

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

引导开关和Ajax重新加载

问题描述

1 个解决方案

解决方案1
2 2018-05-17 08:17:23

引导开关和Ajax重新加载

问题描述

1 个解决方案

解决方案1 2 2018-05-17 08:17:23

解决方案1
2 2018-05-17 08:17:23