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

Question

我已经在jQuery和数据表的上下文中搜索此错误，并且没有任何建议有效（以防立即标记为重复！）

我有.Net项目（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" />

在使用母版页的页面中，我有一个数据表和日期标签。 我还尝试将模式弹出窗口的标题设置为可拖动。 使用它们中的任何一个都会导致“对象不支持属性或方法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>

要么

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

Answer 1

尝试...

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

而不是document.ready。

Answer 2

在项目的“脚本”文件夹中，我有jquery-1.10.2.js和jquery-1.10.2.min.js，而在我的母版页中，我正在引用jQuery 1.12.4。 从“脚本”文件夹中删除1.10脚本后，错误消失了。

感谢nitsram和Brahma抽出宝贵的时间并作出回应。 我投票赞成你的回答。