0

ここに私の問題を示すフィドルがありますhttp://jsfiddle.net/mjmitche/RRXnK/232/

Backbone を使用する Rails アプリでは、次のように html をセットアップしています。

<div class="row category">

  <div class="editcategory">edit category</div>  

  <div class="span10 category">blah</div>
</div>

.span10.category の css はデフォルトで非表示になっています 

.span10.category {

    visibility: hidden;
}

Backbone ビューで、el を 

 el: '.row.category',

その中のもの（私が推測する）がビューの範囲内にあるようにします。つまり、ビュー内のJavaScriptで操作できます。次に、.editcategory クラスにクリック イベントを配置します。

'click .editcategory': 'editCategory'

クリックイベントがそのようにトリガーされると、デフォルトで非表示になっているクラスを表示しようとしました

editCategory: function(){
    console.log("edit Category");
     $('.span10 category').css('visiblity', 'visible');

   }

ただし、機能していません (コンソール ログがトリガーされても)。私もこのようにセレクターを設定しようとしました

  $('.span10.category')

.span10 .category クラスは.row categorydiv 内にあるため、その上の css を変更できると想定していますが、どうにか間違っています。fadeIn();メソッドの代わりに私も試しましcssたが、違いはありませんでした。

クリックイベントの可視性を変更する方法を誰でも説明できますか? ありがとう。

4

1 に答える 1