0

ユーザーがいずれかのモードをクリックすると、リスト項目のクラスが変更され、最初のモード変更で機能するようになりますが、元に戻そうとすると機能しません。

これは私のコードです

$('#menu ul.mode li.edit').click(function() {
    $('#menu').css('background-image', 'url(images/edit-menu/fundo.png)');
    });
    $('#menu ul.icons li.ummix').removeClass('ummix').addClass('um');


$('#menu ul.mode li.mix').click(function() {
    $('#menu').css('background-image', 'url(images/edit-menu/fundo-mix.gif)');
    $('li.um').removeClass('um').addClass('ummix');

});

動かない部分は

$('#menu ul.icons li.ummix').removeClass('ummix').addClass('um');

私のHTMLはこのようなものです

<div id="menu">
<ul class="mode">
    <li class="edit"><a href="#edit"><img src="images/edit-menu/selected/edit.gif" /></a></li>
    <li class="mix"><a href="#mix"><img src="images/edit-menu/icons/mix.png" /></a></li>
</ul>

<ul class="icons"> 
    <li class="um"></li>
</ul>
4

2 に答える 2

1

反対のクラスの追加と削除は扱いにくくなります。

とが互いに正反対であると仮定するとunmix、 1 つのクラスだけを使用することをお勧めします。um次に、その存在または非存在を確認します。その時点で、単に次のようなものを使用できますtoggleClass()。

于 2012-06-21T21:57:08.247 に答える
0

クラスを削除するummixと、セレクターはそれらの要素に適用されなくなります。umクラスを削除する前にクラスを追加してみてくださいummix。

于 2012-06-21T21:57:27.627 に答える