Javascript 对象不支持属性或方法“dataTable”；即使包含jQuery

我在jQuery和数据表的上下文中搜索了这个错误，如果这个错误被立即标记为重复，则没有任何建议有效

我有.Net project C，在母版页中我有对jQuery、Datatables和日期选择器的引用，以及其他内容：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-json/2.6.0/jquery.json.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>  

<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.14.30/js/bootstrap-datetimepicker.min.js"></script>

<link  rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<link href="assets/themes/base/jquery.ui.all.css" rel="stylesheet" />

在使用母版页的页面中，我有一个数据表和日期pciker。我还尝试将模式弹出窗口的标题设置为可拖动。使用其中任何一个都会导致对象不支持属性或方法xxxx错误，其中xxxx可以是可拖动的、dataTable或datepicker

我不明白为什么在引用jQuery时会出现错误。我甚至尝试了.noConflict方法，但也没用

<script>
    function pageLoad() {
        $('#tbStartDate').unbind();
        $("#tbStartDate").datepicker({
            showOtherMonths: true,
            selectOtherMonths: true,
            showOn: "button",
            buttonImage: "../assets/images/calendar.gif",
            buttonImageOnly: true,
            buttonText: "Select Statrt Date",
            option: "mm/dd/yy",
            onSelect: function (dateStr) {
                $("#tbEndDate").val(dateStr);
                $("#tbEndDate").datepicker("option", { minDate: new Date(dateStr) })
            }
        });
    }
</script>

或

试试看

---

在项目的Scripts文件夹中，我没有使用document.ready.

而是使用jquery-1.10.2.js和jquery-1.10.2.min.js，而在我的母版页中，我引用了jquery 1.12.4。一旦我从scripts文件夹中删除了1.10脚本，错误就消失了

---

感谢尼斯拉姆和梵天花时间和回应；我对您的回答投了赞成票。

首先加载一个jquery和相关库，然后加载另一个。这些库不知道您加载了多个jquery它们是不同的库，没有重复项，并且是按顺序添加的。似乎没有加载主脚本jquery。$window.load没有帮助。jquery没有被加载是一个问题。我没有重复的参考资料，所以它应该可以工作；我就是看不出我的错误！

<script>
    $(document).ready(function () {
        var j$ = jQuery.noConflict();
        j$(".modal-dialog").draggable({
            handle: ".modal-header"
        });
    })
</script>

$(window).load(function(){
})