jQuery和另一個js之間的沖突

Question

我將以下腳本添加到html中沒有任何問題：

<link href="multiselect.css" rel="stylesheet"/>
<script src="multiselect.min.js"></script>

...

<script>
    document.multiselect('#selection');     
</script>

但是，一旦我在jQuery中包含以下內容，就可以說document.multiselect is not a function ：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="multiselect.css" rel="stylesheet"/>
<script src="multiselect.min.js"></script>

為什么會有這樣的沖突？ 我應該如何解決？

Answer 1

在標題的最后添加jQuery行，這將解決問題：

<link href="multiselect.css" rel="stylesheet"/>
<script src="multiselect.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>