1

自分のページに簡単なハイライト機能を追加したいと考えています。

4 つの画像を作成します。選択した画像は、クリックすると黄色の境界線になります。

http://imgur.com/VdM90

デスクトップでは動作しますが、Galaxy S3 で実行すると動作しません。Galaxy S3 で、画像をクリックしても、選択した画像がすぐに黄色になりません。デバイスを回転させるまで CSS 効果が更新されます。

ちなみにjQuery mobile、backboneJS、PhoneGap(Cordova)を使っています。ライブラリが問題を引き起こしているかどうかはわかりません。

コード:

var ItemView = Backbone.View.extend({
       initialize: function () {
            _.bindAll(this, 'render');

            this.render();
       },
       tagName: 'img',
       imgSelected: '',
       events: {
            'click': 'selectImg'
       },
       selectImg: function () {
            $('#picPool img').removeClass('selectedImg');
            this.$el.addClass('selectedImg');
       },
       ...
})

ありがとう

================================================== =============================

解決:

touchstart イベントを使用して click イベントを置き換えようとしましたが、現在は機能しています。

4

0 に答える 0