表題がすべてですが、念のため確認。
背景
Semantic-UI のモーダルを使いたかったので、こんな感じで呼んでいた
<html lang="ja">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.css" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.min.js"></script>
</head>
<body>
<button onclick="$('#Modal').modal('show'); return !1;">push</button>
<div id="Modal" class="ui modal">
そしたら妙な挙動を起こしてエラー吐いて止まるんですね。エラーは以下。
Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: animated
はて何ぞやと確認して回ったら、jQuery の slim build には Ajax のほかに effects (animate) も入ってないのが原因と発覚。
改めて普通のに差し替えたら何事も無く動きましたとさ。
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
参考
You can also use the slim build, which excludes the ajax and effects modules:
https://jquery.com/download/