访问jquery.iviewer中的函数

Question

我正在使用iviewer jQuery插件作为文档查看器，我有一些自定义需要我在默认情况下触发事件。似乎我想做的事情应该是可能的，但我无法确定。

我的页面上有一个带有iviewer_rotate_right div的按钮。

<div class="iviewer_rotate_right">Rotate</div>

然后我使用这个监听器来调用iviewer.angle

$(".iviewer_rotate_right").click(function() {
  $(".viewer").iviewer.angle(90);
});

但是，我在控制台中收到以下错误

$(".viewer").iviewer.angle is not a function

“viewer”是包含图像的div的类名。

插件代码可在此处获取：

https://github.com/can3p/iviewer/blob/master/jquery.iviewer.js，角度函数从第561行开始。

Answer 1

从iviewer文档中，您可以调用以下方法：

$('#viewer').iviewer('method', 'arg1', 'arg2')

请注意，这是通过id而不是按类调用容器#viewer。

您可以在类中运行该方法，就像您在示例中所做的那样：

$(".iviewer_rotate_right").click(function() {
    $(".viewer").iviewer('angle', 90);
});

如果页面上有多个带有.viewer类的容器，则所有容器都会旋转90度。

iviewer文档可在此处找到：https://github.com/can3p/iviewer/wiki