javascript - 动画模态 - 多模态框不工作

Question

我正在尝试使用插件 Animated Model 为多个内容运行多个模型灯箱

它适用于一个链接，但是当我尝试制作一个复制框时它不起作用，我认为由于 JS 中定义的模型目标 ID，这里是一个有效的 JSFiddle

谁能建议我如何使用这个插件制作多个模型框？

<a id="demo01" href="#animatedModal">DEMO01</a> 
<div id="animatedModal"> 
  <div class="close-animatedModal"> CLOSE MODAL </div>
  <div class="modal-content"> 
    modal content goes here
  </div>
</div>

Answer 1

首先，在您的 fiddle 中，2 个元素具有相同的 ID，这不应该发生，因为每个元素在文档中都应具有唯一的 ID，您可以在这里查看我的 fiddle - JSFiddle

用js

 //demo 01
  $("#demo01").animatedModal();

  //demo 02
  $("#demo02").animatedModal({
    modalTarget: 'animatedModal2'
  });