6

Backbone.js ビュー イベントで、スワイプ、タップ、ピンチなどのモバイル ジェスチャを使用できますか? より具体的には、私のコードは次のとおりです。

Backbone.View.extend({
     initialize:function(){
        //initialization 
     },
     Events:{
          "swipe-left #homeBtn":"homeSwipe"
     },
     homeSwipe:function(){
        alert("Event Swipe left triggered!");
     }
});

スワイプ、左/右へのスワイプ、ピンチ、タップなどのモバイル ジェスチャを backbone.js で使用できますか?

4

2 に答える 2

8

Hammer.jsをダウンロードしてインクルードし、バックボーン ビュー イベントを通常どおり使用します。

events:{
    'swipe': 'onSwipe'
},

initialize: function(){
    // I think you can get away doing this here once, but I have not tested.
    // If not, just move it to the `render` method
    new Hammer(this.el);
},

onSwipe: function(e){
    console.log(e.direction); // left or right
}

また、私の単純なバックボーンビューの要点を見てください。

アップデート

フィードバックに基づくと、new Hammer(this.el)これを機能させるにはバックボーン ビューで呼び出す必要があるようです。これを反映するように例を更新しました。

于 2012-12-17T21:20:05.547 に答える
0

Backboneは jQuery.bind に依存して DOM イベントを管理します。

問題は、jQuery がこれらのイベントをサポートし、 jQuery Mobileのように見える場合、 jQuery Mobile と Backbone を統合する方法を確認する必要があるということです。

于 2012-04-23T09:26:34.060 に答える