0

我有一个跨度列表。都有类预加载器。除了该类之外，跨度可以具有活动或非活动类。默认情况下设置为非活动。基本上活动意味着黑色字体颜色和活动橙色字体颜色。点击后，我有 2 个场景。只需单击一下，所有跨度都设置为非活动，单击的跨度设置为活动。在按下 alt 的情况下单击时，仅从单击的范围中删除不活动的类，并将活动的类添加到其中。这工作正常。我想知道的是添加一个新场景，如下所示：在单击 + alt + cmd (mac os) 时，我想将活动类添加到具有活动类的最后一次单击跨度之间的所有跨度，以及当前点击跨度。希望我很清楚。预先感谢您的回复。干杯。马克

http://jsfiddle.net/E2nM4/

我的html：

<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>

我的CSS：

span{margin-left:15px;}
.pre-loader.inactive{color:black;}
.pre-loader.active{color:orange;}

我的js：

$(document).on({
    click: function(e) {

        if (e.altKey) {
            $(this).removeClass('inactive').addClass('active');
        }
        else {
            $('.pre-loader').removeClass('active').addClass('inactive');
            $(this).addClass('active');
        }

    }
}, ".pre-loader");​
4

1 回答 1

0

我设法找到解决方案。对于那些感兴趣的人，请查看下面的链接。

http://jsfiddle.net/xqNT8/6/

于 2012-04-23T11:20:03.950 回答