如何使用jquery.booklet.js进行jquery缩放

Question

我正在使用jquery booklet创建一本小册子，该小册子仅使用图像，并且需要在每页上都包含缩放功能。我正在使用jquery zoom来做到这一点。

See sandbox example

我可以获取前两页以进行缩​​放，但是当我翻动页面时，功能中断，并且无法使缩放功能适用于后续页面。

我尝试销毁每个实例并重新创建缩放，但是没有运气：

  $('.b-image').each(function() {
    var zoomed_img_url = $(this).find('img').attr('data-zoom');
    $(this).trigger('zoom.destroy');
    $(this)
    .parent()
    .zoom({
      url: zoomed_img_url,
      magnify: 1,
      on: 'grab'
    });
  });

我有一个预感，这是由于小册子脚本在翻页时对页面进行排列的方式，但是我不知道如何解决它，以便每翻页都会重新创建缩放功能的实例，以便任何图像将正确缩放。

您能提供的任何帮助都很棒！提前致谢。标记