自分のページに簡単なハイライト機能を追加したいと考えています。
4 つの画像を作成します。選択した画像は、クリックすると黄色の境界線になります。
デスクトップでは動作しますが、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 イベントを置き換えようとしましたが、現在は機能しています。