语义ui下拉列表在WordPress中不起作用

我正试图用联系人表单7插件在WordPress中实现。我在head部分包括了语义ui css和js。我的收录如下

<link rel='stylesheet' id='dashicons-css'  href='http://127.0.0.1/sm/wp-includes/css/dashicons.min.css?ver=5.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://127.0.0.1/sm/wp-includes/css/admin-bar.min.css?ver=5.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css'  href='http://127.0.0.1/sm/wp-includes/css/dist/block-library/style.min.css?ver=5.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-theme-css'  href='http://127.0.0.1/sm/wp-includes/css/dist/block-library/theme.min.css?ver=5.2.2' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://127.0.0.1/sm/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.3' type='text/css' media='all' />
<link rel='stylesheet' id='twentynineteen-style-css'  href='http://127.0.0.1/sm/wp-content/themes/twentynineteen/style.css?ver=1.4' type='text/css' media='all' />
<link rel='stylesheet' id='twentynineteen-print-style-css'  href='http://127.0.0.1/sm/wp-content/themes/twentynineteen/print.css?ver=1.4' type='text/css' media='print' />
<link rel='stylesheet' id='semantic_ui_style-css'  href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css?ver=5.2.2' type='text/css' media='all' />
<script type='text/javascript' src='http://127.0.0.1/sm/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='http://127.0.0.1/sm/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://127.0.0.1/sm/wp-content/themes/twentynineteen/js/school_management.js?ver=5.2.2'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js?ver=5.2.2'></script>

我读了这篇文章。根据这篇文章，我添加了

$（'.ui.dropdown'）
.下拉列表（）此代码如下所示


但我的产量正在下降


如何解决此问题？
如果使用
$（'.ui.dropdown'）.dropdown（）初始化确保页面引用dropdown.js
谢谢@Imtiaz Ahmed。如何引用dropdown.js？感谢在页脚中，您可以尝试使用此-$（document.ready（function（）{$（'.ui.dropdown'）。dropdown（）；}）@但是，您需要为管理面板将您的资产排队。在function.php
function semantic_ui_assets（$screen）{if（'options general.php'=$screen）{wp_enqueue_脚本（“pqrc minitoggle js”），plugin_dir_url（u FILE_u）。“/assets/js/dropdown.js”，array（“jquery”），“1.0”，true）}添加动作（“admin_enqueue_脚本”，“semantic_ui_assets”）