jquery - 如何通过另一个类的onclick事件来控制一个完整的类？

Question

我正在使用 spritespin 插件。请参阅此链接 - http://spritespin.ginie.eu/examples.html

无论 spritespin 类中的 mouseup、mouse down 等动作发生在哪里，它都会旋转 360 度

我不想要这个动作。

我需要采取行动来控制另一个班级。

<div class="spritespin"></div>
<div class="left-mov"><a href="#"></a></div>
<div class="right-mov"><a href="#"></a></div>

在这里，我想通过 left-mov 或 right-mov 类的鼠标悬停动作来控制 spritespin 整个动作。

我该如何进行呢？

任何想法，请指导我....

/* original code starts */
$(".spritespin").spritespin({
     width: 609,
     height: 503,
     frames: frames.length,
     behavior: "hold", // "hold"
     module: "360",
     sense: 1,
     source: frames,
     animate: false,
     loop: false,
     loopFrame: 0,
     frameWrap: false,
     frameStep: 1,
     frameTime: 72,
     enableCanvas: true,
     reverse: false,
     orientation: 'horizontal'
 }).bind("onFrame mouseup mousedown onLoad", function (e) {
     ----------------------------
 });

 /* original code ends */

 /* my code have to start like this */
 $(".left-mov a, .spritespin").mouseover(function (e) {

     // here i dont know how to bind the sprintespin class action, guide me please urgent....

 });
 /* my code ends */

Answer 1

你可以试试这个：

 $(".left-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("prev");         
 });

如果下一步需要：

 $(".right-mov a").mouseover(function (e) {
      $(".spritespin").spritespin("next");         
 });

你可以在这里阅读更多：http: //spritespin.ginie.eu/examples/api-usage