引导模式：未定义不是函数

Question

我收到上述带有引导模式的错误消息。

发生了什么：

这是我的代码：

jQuery('.btn-red').on('click', function () {

        var var1 = jQuery(this).data('target');

        jQuery('#cancel_form_display').load(url + var1, function (response, status, xhr) {
            if (status == "success") {

                jQuery(var1).modal('show');
            }
        });
    });

我正在使用几个 js/jQuery 插件。所以我在无冲突模式下使用 jQuery。使用 'jQuery' 而不是 '$'。当这个函数被调用时，我得到'undefined is not a function'一行：

jQuery(var1).modal('show');

我尝试了什么？

1. 遵循其他具有相同问题的帖子的建议，并确保 bootstrap.min.js 已加载。

2. 将函数行改为：

   jQuery(var1).modal({show:true});

3. 更改了插件文件的加载顺序。

更多信息 我也收到此错误：与prototype.js 关联的“无法设置未定义的属性“显示” 这是使用方法：'show'

我正在按这个顺序加载js文件：

1. jQuery-lib/2.0.3/jquery.min.js

2. prototype.js

3. bootstrap.min.js

谁能帮我解决这个问题？

Answer 1

您需要更改的代码是：

 jQuery('#'+var1).modal('show');

您正在调用模态，您需要在变量之前传递 # 符号，或者如果您在目标属性中设置了 # 符号，则无需编写它。