html - Nice-select 不适用于 Laravel View
问题描述
我在平面 HTML 上使用了 nice-select,当我将 HTML 与 Laravel 合并视图 nice-select 停止工作时,它工作正常。
HTML
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<!-- Bootstrap , fonts & icons -->
<link href="{{ asset('assets/css/bootstrap.css') }}" rel="stylesheet">
<!-- Plugin'stylesheets -->
<link href="{{ asset('assets/plugins/nice-select/nice-select.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/plugins/slick/slick.min.css') }}" rel="stylesheet">
<!-- Vendor stylesheets -->
<link href="{{ asset('assets/css/main.css') }}" rel="stylesheet">
</head>
<form action="#" id="apply_now_form" enctype="multipart/form-data">
@csrf
<div class="col-lg-6 col-sm-12 mt-lg-0 mt-8">
<div class="nice-select gr-text-11 mb-7" tabindex="0">
<span class="current">Selected Job</span>
<ul class="list">
<li data-value="2" class="option">Front End Developer</li>
<li data-value="3" class="option">Backend Developer</li>
<li data-value="4" class="option">VueJS Developer</li>
</ul>
</div>
</div>
</form>
<link href="{{ asset('assets/plugins/nice-select/jquery.nice-select.min.js') }}">
<link href="{{ asset('assets/js/custom.js') }}">
</body>
</html>
解决方案
推荐阅读
- c# - C# WinForms | Picturebox 白色出血右侧和底部边缘
- python - 将时间点列变成间隔
- python - 如何使用 FPDF 从 AWS 存储桶下载图像以生成 PDF?
- android - 将 RecyclerView 项目保留在它们所在的位置
- python - 如何从 Pandas 数据框中删除一行中的“A”列等于另一行中的“B”列的行?
- python - 我如何在 discord.py 中获得用户 pfp
- mysql - 计算相同和不同的值
- ruby-on-rails - 使用 Rails 中另一个模型的复选框和数据填充 form.select
- python - Tkinter typeError on method
- javascript - 为通过 .createElement('div') 创建的 div 的所有元素设置样式