ios - 钛加速器 : How do I target $(this) element?

Question

我正在使用 titanium appcelerator 设计一个抽认卡应用程序，最终目标是使用可 ScrollView 显示“包”中的每张卡片，然后在点击一张卡片(即 View 中的卡片)时，它应该围绕它旋转轴(即翻转)以显示反向。

您可以从下图中看到我希望实现的目标。

不幸的是，当点击其中一个面板时，不是它的 subview 动画，而是 ScrollView 中的最后一个子动画。

我知道这与我在循环中分配变量这一事实有关，但如果有人可以查看我的代码并告诉我我做错了什么，那就太好了。

在 JQuery 中它看起来像这样

$(FrontView).click(function(){

$(this).parent().flip() //how do I access $(this) and $(this).parent() in Appcelerator?

});

这是我的 appcelerator 代码:

while(rows.isValidRow()){

         var FrontView = Ti.UI.createView({

          backgroundImage: '/global/card_bg.png',
          width: 295,
         height:297

    });  

         var BackView = Ti.UI.createView({

          backgroundImage: '/global/card_bg.png',
          width: 295,
          height:297

    });  


 var ControlView = Titanium.UI.createView({
 backgroundColor:"#333",
 bubbleParent : false,
 width: 295,
 height:297,
 top : 100

}); 

FrontView.addEventListener('singletap', function() {
        Ti.API.info('singletap');
        ControlView.animate({view:BackView,transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT});

    });

BackView.addEventListener('singletap', function() {
        Ti.API.info('singletap');
ControlView.animate({view:FrontView,transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT});

    });


  $.scrollable_view.addView(ControlView);
  ControlView.add(BackView);  
  ControlView.add(FrontView);  

 rows.next();

} //endwhile

有人可以帮忙吗？

Answer 1

如果您在事件回调中放置一个返回变量，您就可以访问点击的来源。试试这个，看看它是否有效:

FrontView.addEventListener('singletap', function(e) {
    Ti.API.info('singletap');
    e.source.animate({view:BackView,transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_RIGHT});
});

BackView.addEventListener('singletap', function(e) {
    Ti.API.info('singletap');
    e.source.animate({view:FrontView,transition:Ti.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT});
});