Colorbox在chrome设备模拟器中运行良好，但在物理iPhone上则不行

Question

我遇到了Colorbox jQuery插件的问题。我的代码在我的Windows桌面上正常运行。它具有响应性，并且可以使用开发人员工具中的Chrome设备工具栏在所有设备类型上正常运行。当我在物理iPhone（使用Chrome或Safari）上运行完全相同的代码时，Colorbox会打开但无响应。我可以看到一个短暂的闪光灯几乎就像它正在工作但是当它完成后，内容没有响应，所以需要左右滚动。

更新：它似乎在Android设备上运行良好。

jQuery代码非常简单（再次在我的桌面上工作正常）。

/* Initialize jQuery Colorbox*/
jQuery(function ($) {
    $('body').on('click', '.bookFrame', function() {
        $("a.bookFrame").colorbox({
            iframe: true,
            width: "800px",
            maxWidth: "80%",
            height: "80%",
        });
    });
});

代码正在运行一些示例数据（点击加拿大然后点击任何书籍封面）：https://wanderreader.com/book-list/#

我甚至不确定从哪里开始弄清楚这一点。有关如何调试此内容的任何提示？

谢谢， 本