jQuery - 将处理程序添加到 jQuery Reel！答案

【问题标题】：jQuery - Add Handler to jQuery Reel!jQuery - 将处理程序添加到 jQuery Reel！
【发布时间】：2011-07-03 20:52:31
【问题描述】：

你好！

我想用这个jQuery插件http://jquery.vostrel.cz/reel 我使用拼接全景图。我工作得很好！

我需要另一个图像动画处理程序，因为我在这个全景图像上有一个透明的 div，以获得更酷的方面。

我尝试了所有的 css 技巧，但没有成功，处理程序仅在实际图像上激活。我可以指定另一个 div 作为处理程序吗？

非常感谢！

【问题讨论】：

【解决方案1】：

阿德里安，

您可以使用.reel() 的area 选项。无论是通过area 提供的jQuery 对象，都会对用户交互变得敏感。

例如具有与此类似的 HTML（文档中任何位置的图像和其他一些 DOM 节点）：

<img id="my_image" src="some_image.jpg" ... >
...
<div id="other_div">
   This DIV is also interactive
</div>

包括area 选项：

$('#my_image').reel({
    area: $('#my_image, #other_div')
});

用户可以通过拖动图像和 DIV 来控制生成的 Reel 实例（如果需要，它也可以单独设置为 DIV）。

快乐缫丝！

【讨论】：

【解决方案2】：

我搜索了很多与此非常相似的东西，并在搜索高和低后找到了一种方法来做到这一点。

$('#image').triggerHandler('frameChange',1546);

我在 reel 插件中调用了该函数，该函数应该重新定位图像。在 #image 上启动 reel 插件后，我从 document[dot]ready 部分运行它。

您还可以在插件中创建自定义函数并调用它们（这是我最初所做的）

     cleanup.call(e);
    },
    repositionFrame: function(e, newF){
          set(_frame_, newF);
    }
},

并使用它调用它

.triggerHandler('repositionFrame',1546);

您也可以使用

简单地调用该函数

.trigger('repositionFrame');

如您所见，第一个用于传递参数（为此您必须在函数声明中声明其他变量）

希望这会有所帮助。

【讨论】：