0

Ratchetフレームワークを使用してiPhone アプリのプロトタイプを作成しています。

Ratchet には、クラスと onclick (またはタップ)を使用するトグルがあり、 and を使用します。toggletoggleactive

jQueryを使用して、クラスを親の親要素に切り替えるにはどうすればよいですか?トグルでクラスがアクティブになっている場合、クラス(たとえばtoggle-active)が親の親要素に追加され、クラスがアクティブでない場合は削除されますそのクラスを追加します。if ステートメント、onclick など、いくつかの異なる方法を検討してきましたが、機能するものは見つかりませんでした。

たとえば、これは私が試したことです：

jQuery

$(".toggle.active").click(function() {
    $(this).parent().parent().toggleClass("toggle-active");
});

マークアップ

<div class="toggle"><div class="toggle-handle"></div></div>

toggleClass問題ですか、それとも機能ですか？

4

1 に答える 1

2

クリックすると..クラスがアクティブであることを確認しhasClass、はいの場合は必要なクラスをparent.parentに追加します..ない場合は削除します...

これを試して

 $(".toggle").click(function() {
   if($(this).hasClass('active'){
     $(this).parent().parent().addClass("toggle-active");
     //or $(this).parents().eq(2).addClass("toggle-active"); //for find() or closest()

   }else{
     $(this).parent().parent().removeClass("toggle-active");
   }
});
于 2013-03-23T22:16:37.670 に答える