Javascript Popup.js-加载外部HTML内容根本不需要'；行不通

我正在尝试使用Toddish弹出库（）在弹出窗口中加载外部HTML文件

我的情况如下：我想将一些存储在外部文件中的HTML加载到弹出窗口中，但是库拒绝这样做，即使我做的与文档演示完全相同的事情。当我点击应该触发弹出窗口的链接时，什么也没有发生。我有popup.css和jquery.popup.js文件在正确的位置，它们是最新版本

这是testpopup.html

弹出测试
$（文档）.ready（函数（）{
$（“a.popup”）.popup（）；
} );

弹出窗口在浏览器中已过时，请尝试使用fancybox或引导模式，请参见下面的型号

https://v4-alpha.getbootstrap.com/components/modal/

The code to popup modern 
https://codepen.io/brandonb927/pen/wJaIi

http://fancyapps.com/fancybox/

---

谢谢你的指点，拉斐尔·卡斯特拉尼！这就是我需要的。我在Bootstrap中创建了我的modal。下面是我为其他人编写的一些示例代码。注释中对代码进行了解释：

testmodal.html：

一个简单的模态示例