Topic: MDB.js error
mdb.js:15304 Uncaught TypeError: Cannot read property 'classList' of null
at Object.n.add (mdb.js:15304)
at Object.e.exports [as initialize] (mdb.js:15304)
at all:36
Anyone knows why this happens. Out of nowhere my date picker stopped working.
Add comment
Yes, it's my fault.
I tried to initialize a nonexistent jquery plugin.
Hi,
I try your code and work, of course, i remove all externals js and CSS wich are not included to MDB Pro.
Try comment it one by one to figure out which one cause this error, and give us feedback.
Regards
Chrome 58.0.3029.110
Console :
jquery-3.1.1.min.js:2 Uncaught TypeError: Cannot read property 'classList' of null
at Object.n.add (mdb.js:15304)
at Object.e.exports [as initialize] (mdb.js:15304)
at HTMLDocument.<anonymous> (core.js:7)
at j (jquery-3.1.1.min.js:2)
at k (jquery-3.1.1.min.js:2)
n.add @ mdb.js:15304
e.exports @ mdb.js:15304
(anonymous) @ core.js:7
j @ jquery-3.1.1.min.js:2
k @ jquery-3.1.1.min.js:2
DevTools failed to parse SourceMap: http://192.168.194.86/css/bootstrap.min.css.map
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Отдел технической поддержки</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- core CSS -->
<link href="css/core.css" rel="stylesheet">
<!-- EGRID CSS -->
<link href="css/egrid.css" rel="stylesheet">
<!-- MDLIST CSS -->
<link href="css/mdlist.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<!-- core function JavaScript -->
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript">
var session_user = {
name: "GolyshevD",
displayname: "Голышев Дмитрий Николаевич",
phone: "2762",
userprincipalname: "GolyshevD@factormsk.ru",
}
</script>
</head>
<body class="hidden-sn navy-blue-skin">
<main><!--Double navigation-->
<header>
<!-- Navbar -->
<nav class="navbar fixed-top navbar-toggleable-md navbar-dark scrolling-navbar">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="main">
<strong>ОТП ТСЭР</strong>
</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="document">Документы</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Регионы</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="regionlist">Список</a>
<a class="dropdown-item" href="rkclist">Список РКЦ</a>
<a class="dropdown-item" href="kts">КТС</a>
<a class="dropdown-item" href="pasport">Паспорт</a>
<a class="dropdown-item" href="tuztupo">ТУз ТУ ПО</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Статистика</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="statistic?item=tuupd">Год поставки КТС</a>
<a class="dropdown-item" href="statistic?item=wmq">Websphere MQ</a>
<a class="dropdown-item" href="statistic?item=av">СЗ от ВВК</a>
<a class="dropdown-item" href="statistic?item=serverstu">ТУз ТУ Серверы</a>
<a class="dropdown-item" href="statistic?item=ostu">ОС ТУз ТУ</a>
</div>
</li>
<!--<li class="nav-item">
<a class="nav-link" href="?m=hpinsightdiag">HPInsightDiag</a></a>
</li>-->
<li class="nav-item">
<a class="nav-link" href="sutser-tuztuinfo">СУ ТСЭР</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://wiki.factor7.local/display/TSER/Home">WIKI</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown btn-group">
<a class="nav-link dropdown-toggle waves-effect waves-light" href="#" id="Profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-user"></i> GolyshevD</a>
<div class="dropdown-menu dropdown-default dropdown-menu-left" aria-labelledby="Profile">
<a class="dropdown-item waves-effect waves-light" href="?m=userinfo">Ваши данные</a></a>
<a class="dropdown-item waves-effect waves-light" href="login?action=logout">Выход</a></a>
</div>
</li>
</ul>
<!--<ul class="nav navbar-nav nav-flex-icons ml-auto">
<li class="nav-item">
<a class="nav-link"><i class="fa fa-envelope"></i> <span class="hidden-sm-down">Contact</span></a>
</li>
<li class="nav-item">
<a class="nav-link"><i class="fa fa-comments-o"></i> <span class="hidden-sm-down">Support</span></a>
</li>
<li class="nav-item">
<a class="nav-link"><i class="fa fa-user"></i> <span class="hidden-sm-down">Account</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>-->
</nav>
<!-- /.Navbar -->
</header>
<!--/.Double navigation-->
<!--Main layout--><div class="container-fluid">
<div class="d-flex flex-wrap">
<div class="col-3">
<!--Card-->
<div class="col-12 card card-cascade narrower">
<div class="unique-color view py-2">
<canvas id="wmqver"></canvas>
</div>
<!--Card content-->
<div class="card-block text-center">
<!--Category & Title-->
<h5>ТУз ТУ</h5>
<h4 class="card-title"><strong>Версия WebSphere MQ</strong></h4>
<h6 class="text-muted datadate"></h6>
<!--Legend-->
<ul class="list-group statistic-legend" id="legendwmqver"></ul>
<hr>
<a href="statistic?item=wmq" class="black-text d-flex flex-row-reverse"><h5 class="waves-effect p-2">Подробнее <i class="fa fa-chevron-right"></i></h5></a>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
<div class="col-3">
<!--Card-->
<div class="col-12 card card-cascade narrower">
<div class="unique-color view py-2">
<canvas id="av"></canvas>
</div>
<!--Card content-->
<div class="card-block text-center">
<!--Category & Title-->
<h5>ТУз ТУ</h5>
<h4 class="card-title"><strong>СЗИ от ВВК</strong></h4>
<h6 class="text-muted datadate"></h6>
<!--Legend-->
<ul class="list-group statistic-legend" id="legendav"></ul>
<hr>
<a href="statistic?item=av" class="black-text d-flex flex-row-reverse"><h5 class="waves-effect p-2">Подробнее <i class="fa fa-chevron-right"></i></h5></a>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
<div class="col-3">
<!--Card-->
<div class="col-12 card card-cascade narrower">
<div class="unique-color view py-2">
<canvas id="tuupd"></canvas>
</div>
<!--Card content-->
<div class="card-block text-center">
<!--Category & Title-->
<h5>ТУз ТУ</h5>
<h4 class="card-title"><strong>Год поставки КТС</strong></h4>
<h6 class="text-muted datadate"></h6>
<!--Legend-->
<ul class="list-group statistic-legend" id="legendtuupd"></ul>
<hr>
<a href="statistic?item=tuupd" class="black-text d-flex flex-row-reverse"><h5 class="waves-effect p-2">Подробнее <i class="fa fa-chevron-right"></i></h5></a>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
<div class="col-3">
<!--Card-->
<div class="col-12 card card-cascade narrower">
<div class="unique-color view py-2">
<canvas id="serverstu"></canvas>
</div>
<!--Card content-->
<div class="card-block text-center">
<!--Category & Title-->
<h5>ТУз ТУ</h5>
<h4 class="card-title"><strong>Модель сервера</strong></h4>
<h6 class="text-muted datadate"></h6>
<!--Legend-->
<ul class="list-group statistic-legend" id="legendserverstu"></ul>
<hr>
<a href="statistic?item=serverstu" class="black-text d-flex flex-row-reverse"><h5 class="waves-effect p-2">Подробнее <i class="fa fa-chevron-right"></i></h5></a>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
<div class="col-3">
<!--Card-->
<div class="col-12 card card-cascade narrower">
<div class="unique-color view py-2">
<canvas id="ostu"></canvas>
</div>
<!--Card content-->
<div class="card-block text-center">
<!--Category & Title-->
<h5>ТУз ТУ</h5>
<h4 class="card-title"><strong>Модель сервера</strong></h4>
<h6 class="text-muted datadate"></h6>
<!--Legend-->
<ul class="list-group statistic-legend" id="legendostu"></ul>
<hr>
<a href="statistic?item=ostu" class="black-text d-flex flex-row-reverse"><h5 class="waves-effect p-2">Подробнее <i class="fa fa-chevron-right"></i></h5></a>
</div>
<!--/.Card content-->
</div>
<!--/.Card-->
</div>
</div>
</div>
<script> CSSLoad('css/main.css') </script> </main>
<!--/Main layout-->
<!--<footer class="page-footer"></footer>-->
</body>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/tether.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.js"></script>
<!-- MOMENT JavaScript -->
<script type="text/javascript" src="js/moment-with-locales.min.js"></script>
<!-- EGRID JavaScript -->
<script type="text/javascript" src="js/egrid.js"></script>
<!-- MDLIST JavaScript -->
<script type="text/javascript" src="js/mdlist.js"></script>
<!-- Section JavaScript -->
<script type="text/javascript" src="js/main.js"></script>
</html>
Hi Dmitriy,
Can you tell me more about this, wich browser do you use and what component from MDB??
Hi, @fabricius1,
Could you please provide us more details? What's your version of MDB?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags