Javascript 引导切换不'；ajax加载后无法工作

我正在使用ajax加载来获取页面上的一些内容。我正在使用Bootstrap3和BootstrapToggle。加载内容后，bootstrap 3内容工作正常（您可以清楚地看到主面板）。但是引导切换内容没有被加载（您可以看到一些复选框）。有人知道如何让它工作吗？或者我应该看看其他的拨动开关吗？如果有的话，是哪些

编辑：我还没有测试过事件绑定，因为我无法让引导切换css在ajax加载的代码上工作。事件绑定与css无关，对吗

主html代码使用的脚本（带有ajax加载的脚本）

主html代码

由主html代码加载到div中的代码

$（文档）.ready（函数（）{
//设置触发器和容器变量
变量触发器=$（“#侧菜单li ul li a”），
容器=$（“#页面包装器”）；
//点击开火
trigger.on（'click'，function（）{
//将$this设置为可重复使用。从数据属性设置目标
变量$this=$（this），
target=$this.data（'target'）；
警报（“目标：+目标）
//将目标页面加载到容器中
load（target+'.html'，函数（响应、状态、xhr）{}）；
//停止正常链接行为
返回false；
});
});

家
切换导航

确保正确加载引导切换js文件和css文件。具体检查它们是否位于链接指向的位置，甚至使用下面列出的cdn版本：

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>

开关
位置
陈述
测试开关0
测试开关0

有效的最佳解决方案：

1-在引导之前加载Jquery。这里首先是Jquery，其次是Ajax，最后是bootstrap

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>

---

3-注意：在结尾调用自定义脚本jquery

Try

$（文档）。请注意，
document
应该是另一个更接近层次结构中目标元素的元素。Css的可能副本甚至没有加载到复选框中，这不仅仅是事件绑定，我尝试了您建议的解决方案，但没有成功。我不久前遇到了类似的问题，boostrap css在ajax加载的html插入块上呈现不正确，或者在javascript代码中生成为字符串。首先检查生成的（html打开-关闭标记）的质量；其次，我当时遇到的问题是字符串转换为html时缺少空格，生成附加到容器的字符串最像“文本”而不是“文本”，不要问我为什么…你使用的是哪个版本的引导？谢谢，使用Your's代码确实可以完美地呈现引导切换的css。它确实会弄乱我的html页面的其余部分，但删除引导链接和脚本（可能是因为它们像这样加载了两次？）。无论如何，在删除引导链接和脚本之前和之后，开关都不会切换，但这可能是一个事件绑定问题，不是吗？您的主题使用一个css文件来覆盖默认的引导css。为此，他们在引导css文件之后加载一个css文件。如果在该文件之后重新添加引导css，则会否定更改，这就是为什么这样做会破坏主题。您不需要再次包含引导。从我的示例中（除了正确的url之外）要了解的主要内容是加载文件的顺序，请确保无论从何处获得文件，加载顺序都是相同的谢谢您的课程！你知道为什么ajax加载后切换不起作用吗？@Michvw没问题，有关动态内容信息，请参阅我的更新
    $(document).ajaxComplete(function() {
        $('input[type=checkbox][data-toggle^=toggle]').bootstrapToggle();
    });