1

好的，我已经查看了该站点上几乎所有的轮换条目，但无法解决这个问题。已经整整3天试图弄清楚。这很可能是非常简单的事情，但我就是无法理解。这是问题所在：我有 2 张具有旋转控件的图像。但是，当我旋转 1 时，它们都会旋转。我希望它们不要同时旋转，而是自己旋转。你可以在这里看到它：http: //dl.dropbox.com/u/11770605/sample2.html

下面是 main.js 的以下代码：

    $(document).ready(function(){ $('.cc-element').rotatable(); });

这是标记：

    <span id="cc-element-1" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" ><image goes here></span>

我也试过：

    $(document).ready(function(){
    $('.cc-element').rotatable();
    $('.cc-element2').rotatable();
    });

和

    <span id="cc-element-2" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" > <image goes here>< /span>

但那个修改没有奏效。请帮帮我，我必须尽快解决这个问题。

4

2 回答 2

0

您正在按类选择元素，它们都具有相同的类。像这样改变它：

$(document).ready(function(){
    $('#cc-element').rotatable();
    $('#cc-element2').rotatable();
    });
于 2011-05-18T22:08:35.440 回答
0

问题是您的“rotatable()”插件对this传递给它的值进行操作，当您的选择器为“.cc-element”时，它将是两个元素的列表。因此，您对“roll()”插件的调用在整个列表上运行。

您需要将该插件中的适当代码包装在“each()”迭代器中。就像是：

    $.fn.rotatable = function() {
      return this.each(function() {
        var $this = $(this),
          // ... the rest of the plugin, as it is now ...
      });
    };
于 2011-05-18T22:06:45.967 回答