访问jquery.iviewer中的函数

Access Functions within jquery.iviewer

本文关键字：函数 iviewer jquery 访问      更新时间：2024-04-16

我正在使用iviewer jQuery插件作为文档查看器，并且我有一些自定义项，要求我触发默认值之外的事件。我想做的似乎是可能的，但我不能确定。

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

<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上开始。

从iviewer文档中，您可以调用这样的方法：

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

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

你可以在类上运行这个方法，就像你在你的例子中试图做的那样：

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

如果使用class.viewer的页面上有多个容器，则所有容器都将旋转90度。

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

相关文章：