MDB(Material Design for Bootstrap 4)のプルダウン作成時に.materialSelect is not a functionが出てしまう

前提・実現したいこと

bootstrap4バージョンのマテリアルデザインのフリー版(4.5.16)を利用してサイトを作っています。
https://mdbootstrap.com/docs/jquery

下記のURLにありますプルダウンを作成したいと考えております。
https://mdbootstrap.com/docs/jquery/forms/select/

しかし、プルダウン(select)を作成する際に、javascript(jquery)のエラーが発生し、デフォルトのプルダウンになってしまいました。

エラーを解消し、マテリアルデザインのプルダウンを作成したいです。
どうかご教授の程よろしくお願い致します。

発生している問題・エラーメッセージ

Uncaught TypeError: $(...).materialSelect is not a function
    at HTMLDocument.<anonymous> (test.html:80)
    at l (jquery.min.js:2)
    at c (jquery.min.js:2)

該当のソースコード


<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
	<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/css/mdb.min.css" rel="stylesheet">

	<title>マテリアルデザイン</title>

</head>
<body>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/js/mdb.min.js"></script>



<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark primary-color">

	<!-- Navbar brand -->
	<a class="navbar-brand" href="#">MDB</a>

	<!-- Collapse button -->
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
			aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>

	<!-- Collapsible content -->
	<div class="collapse navbar-collapse" id="basicExampleNav">

		<!-- Links -->
		<ul class="navbar-nav mr-auto">

			<li class="nav-item">
				<a class="nav-link" href="#">マテリアル
					<span class="sr-only">(current)</span>
				</a>
			</li>

			<!-- Dropdown -->
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
				   aria-expanded="false">設定</a>
				<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
					<a class="dropdown-item" href="@{ObserveGroups.index}">グループ</a>
				</div>
			</li>
		</ul>
		<!-- Links -->

		<form class="form-inline">
			<div class="md-form my-0">
				<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
			</div>
		</form>
	</div>
	<!-- Collapsible content -->

</nav>
<!--/.Navbar-->


	<select class="mdb-select md-form">
		<option value="" disabled selected>Choose your option</option>
		<option value="1">Option 1</option>
		<option value="2">Option 2</option>
		<option value="3">Option 3</option>
	</select>

</body>

<script type="text/javascript">
    $(document).ready(function(){
        $('.mdb-select').materialSelect();
    });

</script>


</html>

試したこと

jqueryのバージョンによる問題が考えられたため、2と1を試してみましたが、同様にできませんでした。
MDBのドキュメントが古い可能性があり、関数名の変更も行いましたができませんでした。

　https://stackoverflow.com/questions/35140146/materialize-css-select-not-working-with-js-errors
https://stackoverflow.com/questions/50087997/materialize-material-select-is-not-a-function-error
にありました関数名の変更(material_select,formSelect)も行いましたが、できませんでした。

m.ts10806

2018/12/20 04:28

提示コードはmaterialFormでエラーはmaterialSelect となっていますが、コードが提示の通りであればmaterialFormでエラーが出るように思います。実際のコード・エラーを提示してください。

corkoba

2018/12/20 04:44

mts10806さん申し訳ございません。該当のソースコードとエラーを再修正いたしました。よろしくお願いいたします。

m.ts10806

2018/12/20 05:03

これ本当に動かないですね。過去バージョン探すとmaterial_select ()でしたが、これも同じですし。

m.ts10806

2018/12/20 05:13

一式ダウンロードしましたがそこでも同じ。custom-selectの方は正常に動作しているのでCSSフレームワークが読めてないわけではなさそうですね。機能がどこかで削られたのでしょうか。確かにmaterialSelect()はファイルのどこにも定義されてませんでした。

x_x

2018/12/20 05:57

stackoverflow のは、 Materialize という別のライブラリではないですか？ Materialize を使うことは考慮していないのでしょうか？ https://materializecss.com/

corkoba

2018/12/20 06:10

mts10806さんご丁寧にお調べいただき、ありがとうございます。回答の方にご記入いただいておりましたが、有料版でないと利用できないということなんですね。単純なことで申し訳ございません。 x_xさん MDBのライブラリのトピックスだと思っていたのですが、ご指摘の通り、Materializeのトピックスでした。利用予定はございません。混乱させてしまい申し訳ございません。

m.ts10806

2018/12/20 06:13

Materializeであればマテリアルセレクトボックスは標準で入ってはいますけど、Bootstrap使いたいなら仕方ないですね