0

ユーザーが1〜4のオプションをクリックできるようにしようとしています。4 つのうち 1 つまたはすべてを選択できます。

ここにjsfiddleがあります。

<a class="selector" href="#"><h2 class="unselected">Option 1</h2></a>
<a class="selector" href="#"><h2 class="unselected">Option 2</h2></a>
<a class="selector" href="#"><h2 class="unselected">Option 3</h2></a>
<a class="selector" href="#"><h2 class="unselected">Option 4</h2></a>

$("a.selector").click(function(){
    $(this).children("h2").removeClass('unselected').addClass('selected');
});

シンプルだけど手が出ない。私は何を間違っていますか?

4

3 に答える 3

2

jQuery をフィドルに追加するとすぐに機能します: http://jsfiddle.net/CjCM4/

コードを変更する必要はありません:

$("a").click(function(){
    $(this).children("h2").removeClass('unselected').addClass('selected');
});

</p>

(左メニュー参照)

于 2012-10-23T19:18:47.547 に答える
1

I just update your code on jsfiddle

/*​$('a.selector').on('click', function(){
   $(this).children("h2").removeClass('unselected').addClass('selected');
});​​​​​​​​​​​​​​​​*/

$('a.selector').on('click', function(){
   $(this).children("h2").toggleClass('selected');
});

​</p>

于 2012-10-23T19:24:45.153 に答える
0

上記の誰かが言ったように、フィドルを Mootools に設定すると、それを jQuery に切り替えると機能します。

作業例:

http://jsfiddle.net/rbUjx/
于 2012-10-23T19:23:33.343 に答える