繁体   English   中英

未捕获的ReferenceError:未在DataTable上定义$

Uncaught ReferenceError: $ is not defined on DataTable

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

所以我在控制台上看到一个错误,说

Uncaught ReferenceError: $ is not defined
    at 2e9ecdab-e88c-11e8-95f0-02fba84c29d0:1934

当我深入研究代码时,问题出在以下代码中:

$('#cashFlow').DataTable({ //ReferenceError: $ is not defined 
dom: 'Bfrtip',
buttons: [
  {
    extend: 'excel',
    text: 'Export to Excel',
    className: 'btn btn-default',
    exportOptions: {
      columns: 'th:not(:last-child)'
    }
  }],
'paging'      : true,
'searching'   : true,
'ordering'    : true,
"columns" : [
  {"width" : "5%"},
  {"width" : "10%"},
  {"width" : "25%"},
  {"width" : "5%"},
  {"width" : "15%"},
  {"width" : "3%"},
  {"width" : "15%"},
  {"width" : "2%"}
]});

$('#cashFlow')表存在,并且已经在此代码之上。

<table id="cashFlow" class="table table-striped table-bordered">
<thead>
<tr>
  // ...
  <th>{{__('grabLog.action')}}</th>
</tr>
</thead>
@if(isset($cashflow))
  @foreach($cashflow as $index=>$f)
    <tr>
      // ...
      <td>
        <button class="btn btn-danger btn-cf-delete" bank_account_id="{{$f->bank_account_id}}"
                trans_date="{{$f->trans_date}}"
                description="{{$f->description}}" cab="{{$f->cab}}" amount="{{$f->amount}}"
                type="{{$f->type}}" balance="{{$f->balance}}" skey="{{$skey}}"><i class="fa fa-trash"></i>
        </button>
      </td>
    </tr>
  @endforeach
@endif

我已经在该论坛中搜索了这个问题,所有这些人都回答了应该将jquery.min.js 我已经做到了,但是仍然有同样的问题。

<script src="{{asset('AdminLte/js')}}/jquery/dist/jquery.min.js"></script>
<script src="{{asset('AdminLte/js')}}/jquery/jquery-3.3.1.js"></script>
<script src="{{asset('AdminLte/js')}}/bootstrap/bootstrap.min.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net/jquery.dataTables.min.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net-bs/dataTables.bootstrap.min.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net/dataTables.buttons.min.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net/buttons.flash.min.js"></script>
<script src="{{asset('AdminLte/js')}}/ajax/jszip.min.js"></script>
<script src="{{asset('AdminLte/js')}}/ajax/pdfmake.min.js"></script>
<script src="{{asset('AdminLte/js')}}/ajax/vfs_fonts.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net/buttons.html5.min.js"></script>
<script src="{{asset('AdminLte/js')}}/datatables.net/buttons.print.min.js"></script>
<script src="{{asset('AdminLte/js')}}/jquery-slimscroll/jquery.slimscroll.min.js"></script>
//there's another javascripts I put in here but didn't show to you because it doesn't related with this question.
<script>
  $.ajaxSetup({
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
  });
</script>
1 个回复

您需要在页面底部加载脚本-防止阻止HTML的加载/呈现。

请注意,唯一应该放在头部的js函数是呈现内容所直接需要的那些js函数,例如对数据源API的调用。 所有页面内功能应在页面HTML / CSS之后加载。

然后将jquery函数包装在$(document).ready({})包装器中,以确保DOM准备与这些函数进行交互。

样本页面结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="shortcut icon" href="favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/font-awesome.min.css">
</head>

<body>
  <script src="/js/jquery.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script>

  $(document).ready(function(){
  .... put code here ...
  })
 </script>
</body>
</html>
1 未捕获的 ReferenceError:$ 未在 Electron 上定义

我已经在 wamp 服务器上开发了这个基于 web 的应用程序,它运行正常,现在我从上周开始使用电子创建桌面应用程序,但我一直收到这个错误。 但是我可以登录并且它工作正常,除了我得到的错误。 伙计们,请帮我解决这个问题,这是我使用电子的第一周。 以下是加载的所有链接和脚本 对于页脚 ...

8 未捕获的 ReferenceError:未在 jquery 中定义

我得到Uncaught ReferenceError : [LogicForAtiFinance] 未在预生产环境中定义。 我无法理解这个问题。 相同的代码在开发环境中运行良好。 但是在 PreProd 中它给出了这个错误。 如果你知道什么可以解决它,请帮助。 如果有任何问题,我很乐意回答您的问题! ...

2020-08-24 16:42:17 1 110   jquery
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM