Javascript 我得到了一个类型错误-“$不是一个函数；使用noConflict时

我正在做一个仪表板用户界面，我合并了很多Js组件。以前它工作正常（主要是数据表），现在我做了一些表单组件切换和复选框。我得到了一个类型错误-jQuery不是一个使用无冲突的函数

虽然我已经尝试了StackOverflow上发布的所有建议，但没有一个解决方案是有效的，并且在使用时没有冲突

当前问题是我的数据表不工作

TypeError: $ is not a function
var oTable = $('#ActiveMedicalProblems').dataTable({

脚本在我的数据表中

var oTable = $('#ActiveMedicalProblems').dataTable({
            "aLengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            // set the initial value
            "iDisplayLength": 5,
            "sDom": "<'row'<'col-lg-6'l><'col-lg-6'f>r>t<'row'<'col-lg-6'i><'col-lg-6'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ records per page",
                "oPaginate": {
                    "sPrevious": "Prev",
                    "sNext": "Next"
                }
            },
            "aoColumnDefs": [{
                    'bSortable': false,
                    'aTargets': [0]
                }
            ]
        });

我尝试过其他方法，但没有成功

(function($){
   ActiveMedicalProblems.init();
});

---

谢谢

要么切断

noConflict

呼叫-这将是一个短期解决方案，使所有代码重新工作

或者，包装“数据表”代码（而不是调用），如下所示：

(function($) {
var oTable = $('#ActiveMedicalProblems').dataTable({
...
})(jQuery);

---

但是，您将无法定义全局名称。用

jQuery

替换

$

的每个实例可能要容易得多。您的代码将稍微长一点，但它将是明确的。

当您使用

console.log（jQuery）

时，您会得到什么？没有冲突会说“不要分配全局$”。有些东西希望

$

在[global]范围内可用（在本例中，它看起来像您的代码），而不是使用建议的

（function（$）…）（jQuery）

方法。没有说这是问题所在，但您似乎正在使用jqueryv1.10.2。那是图书馆的一个相当旧的版本。考虑升级到最新版本的ASAP，否则你将置身于尘埃之中，更新的插件可能不会像预期的那样工作。当前的稳定版本是2.2.3：检查对JQuery库的引用是否设置正确。一个好主意是尝试使用一个简单的警报。：）

(function($) {
var oTable = $('#ActiveMedicalProblems').dataTable({
...
})(jQuery);