将selectize.js添加到patternlab.io实现中
我有一个模式实验室实现(版本-节点-吞咽)。我正在尝试向它添加selectize.js (https://github.com/selectize/selectize.js)。当我将指定的jquery函数添加到foot.mustache文件并签出结果时，控制台指示reference error: can't find variable $ (即不识别jquery)。当我将jquery.min.js添加到head.mustache脚本标记之上时，模式实验室的一些功能停止工作，一些功能开始工作，并开始收到不同的错误消息(即，它现在可以识别jquery)。TypeError: $('#select-beast').selectize is not a function.
这里是head.mustache：
<!DOCTYPE html>
<html class="{{ htmlClass }}">
<head>
<title>{{ title }}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="../../css/style.css?{{ cacheBuster }}" media="all" />
<link rel="stylesheet" href="../../css/pattern-scaffolding.css?{{ cacheBuster }}" media="all" />
<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
{{{ patternLabHead }}}
<!-- End Pattern Lab -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
<script src="../js/selectize.js"></script>
</head>
<body class="{{ bodyClass }} prg">下面是foot.mustache：
<!--DO NOT REMOVE-->
{{{ patternLabFoot }}}
<!--selectize -->
<script type="text/javascript" src="selectize.js"></script>
<link rel="stylesheet" type="text/css" href="selectize.css" />
<script>
$(function() {
$('select').selectize(options);
});
</script>
<!-- end selectize -->
</body>
</html>回答 2
Stack Overflow用户
发布于 2018-02-16 16:54:54
这里是模式实验室节点的维护者。
在我看来，你的问题是你的道路。
<script src="../js/selectize.js"></script>
把它改成
<script src="../../js/selectize.js"></script>
因为模式实验室输出模式的方式，基本的public/目录总是在两个层次上。你会注意到头部模式中的其他文件也在上升两个层次。
公众/
- 模式/
- 模式名称/文件
- 联合材料/
Stack Overflow用户
发布于 2018-05-07 16:03:51
我想用CDN来包含JS或CSS库会更好，在这里您可以找到selectize.js CDN (https://cdnjs.com/libraries/selectize.js/)
示例：
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.4/js/standalone/selectize.min.js"></script>https://stackoverflow.com/questions/48811896
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号