Javascript 引导切换不是一个功能

我实际上是在为仓库和库存商开发django应用程序。我试图在列表按钮中获取每个仓库的库存清单。此按钮显示一个模式，通过ajax查询指定给特定仓库的所有库存商的名称、位置和权限。我想在我的模式中显示bootstrap中的切换按钮，我刷新Bootstraptogle函数，它会显示下一条消息

uncaughttypeerror:$（…）。Bootstraptogle不是一个函数

实际上，所有javascript代码如下所示：

var token = '{{csrf_token}}';
$('#Modal_list').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget); // Button that triggered the modal
    var urlToAjax = button.data('urlstockists');
    console.log(urlToAjax);
    var recipient = button.data('pk'); // Extract info from data-* attributes
    console.log(recipient);                
        $.ajax({
            headers: { "X-CSRFToken": token },
            url: urlToAjax,
            type: 'POST',
            data: {'id':recipient},
            success: function(data){
                console.log(data)
                var htmldata=""
                if(data.length==0){
                    htmldata += '<div class="h5 mb-0 font-weight-bold text-gray-800"> There are no assigned stockists </div>'
                }else{
                    for(var i = 0; i<data.length; i++){
                        htmldata += '<div class="card border-left-primary shadow h-100 py-2">\
                                        <div class="card-body">\
                                            <div class="row no-gutters align-items-center">\
                                                <div class="col mr-2">\
                                                    <div class="h5 mb-0 font-weight-bold text-gray-800">Name: '+data[i].fields.name+'</div>\
                                                    <div class="h5 mb-0 font-weight-bold text-gray-800">Position: '+data[i].fields.position+ '</div>\
                                                    <div class="form-group">\
                                                        <label> Grant input\
                                                            <input type="checkbox" class="newToggle" data-toggle="toggle" data-on="On" data-off="Off" data-onstyle="warning">\
                                                        </label>\
                                                        <label> Grant output\
                                                            <input type="checkbox" data-toggle="toggle" data-on="On" data-off="Off" data-onstyle="warning">\
                                                        </label>\
                                                    </div>\
                                                </div>\
                                                <div class="col-auto">\
                                                    <i class="fas fa-user fa-2x text-gray-300"></i>\
                                                </div>\
                                            </div>\
                                        </div>\
                                    </div> <br>';
                    }     
                }
                $('#stck').html(htmldata);
                $('.newToggle').bootstrapToggle();
            }
        });
    var modal = $(this);
    modal.find('.modal-body #stock').val(recipient)
});

var-token='{{csrf_-token}}}'；
$（'#Modal_list'）。on（'show.bs.Modal'，函数（事件）{
var button=$（event.relatedTarget）；//触发模式的按钮
var urlToAjax=button.data（'urlstockists'）；
console.log（urlToAjax）；
var recipient=button.data（'pk'）；//从数据中提取信息-*属性
console.log（接收方）；
$.ajax({
标头：{“X-CSRFToken”：token}，
url:urlToAjax，
键入：“POST”，
数据：{'id'：收件人}，
成功：功能（数据）{
console.log（数据）
var htmldata=“”
if（data.length==0）{
htmldata+=“没有指定的库存商”
}否则{
对于（var i=0；i您正在获取的元素是动态的，因此您需要引用页面上已经存在的内容，请尝试以下操作：

$('body .newToggle').bootstrapToggle();

我也犯了同样的错误，我想我需要从bootstrap中获得一个绑定函数，这是解决方案吗？愚蠢的问题，但你已经包括了Bootstraptogle库，对吗？是的，我在另一个模板中有其他切换按钮，它们工作正常。我在ajax Scripthmm之前导入了切换库，在仔细查看之后，确定了r它绝对不知道bootstraptogle函数。其他模板是否在同一页上？有关脚本导入的某些内容一定不起作用，您能否100%确认库在$（“#Modal_list”）时实际存在。on（'show.bs.modal'，函数被激发？我如何确认库是否存在于jqery模式中？这到底是一个Django问题？？？（标记已移除）你有原因，抱歉