提供未捕获类型错误的jQuery modal插件：$（…）。modal不是函数

我使用的是来自

它在大多数情况下都是有效的，但我遇到了一个我无法解决的奇怪问题。我有两种情态动词。我使用

rel=“modal:open”

调用的，以及我使用

data modal

打开的。

数据模式

是导致问题的模式

数据模式

在第一次单击其中一个模式时有效，但如果第二次单击该模式时无效，并给出

未捕获类型错误：$（…）。模式不是控制台中的函数错误

。然后第三次单击其中一个按钮时，它会工作。。。第四次是没有

这是我的密码：

$（函数（）{
$（'a[数据模式]）。单击（函数（事件）{
$（本文件）({
模态类：“模态测验”
});
返回false；
});
});
.flex{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
-webkit盒包：中心；
-ms-flex-pack:center；
证明内容：中心；
-ms-flex-wrap:wrap；
flex-wrap:wrap；}
.flex div.col{
背景：#ffffff；
背景：-莫兹线性梯度（顶部，#ffffff 0%，#87afd4 100%）；
背景：-webkit线性梯度（顶部，#ffffff 0%，#87afd4 100%）；
背景：线性梯度（至底部，#ffffff 0%，#87afd4 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#87afd4'，GradientType=0）；
边框：2个实心#0055a5；
盒影：0 3px4p2pRGBA（0,0,0,0.4）；
文本对齐：居中；
填充：10px；
框大小：边框框；}
.flex div.col:第一个孩子{
左边距：1%；}
.flex div.col h2{
颜色：黑色；
字体大小：187.5%；
高度：80px；
显示：block；}
.flex div.col img{
宽度：100%；}
链接{
列表样式：无；
文本对齐：居中；
保证金：0；
填充：0；}
李连杰{
填充：20px0；
边框底部：1px实心#5b80a2；
字体大小：120%；}
李：最后一个孩子{
边框底部：0无；}
链接a:链接，链接a:已访问{
文字装饰：无；
字号：700；
颜色：#0055a5；}
链接a：悬停，链接a：活动{
颜色：#fff；}

模态试验
培训1




培训2




据我所知，它缺少一些东西，应该是$（$（this.data（'modal'））.modal（）$（function（）{$（'a[data modal]'）。单击（function（event）{$（$（this.data（'modal'））.modal（{modalClass:“modal quick”}）；返回false；}）；当我测试它时，它没有任何作用。