HTML Colorbox之外

Question

我正在尝试让我的网页使用此网站上演示的那种颜色框。 http://www.jacklmoore.com/colorbox/example2/。 （HTML之外的ajax示例）。

在他们的代码中，他们有：

$(".ajax").colorbox();

定位：

<p>
    <a class='ajax' href="../content/ajax.html" title="Homer Defined">
        Outside HTML (Ajax)
    </a>
</p>

我的问题是，当我在页面上点击此图标时，我希望彩色框显示我的另一个页面。

<span id="pause">
    <i class="fa fa-pause"></i>
</span>

我已经使用on()来实现它，所以当点击它时会运行一个函数。

$("#pause").on("click", function() {
    game.pause();
});

game.pause();会在哪里创建此效果，但我不确定如何实现，因为我没有使用类似示例的链接。