我想在我的页面中做一个简单的突出显示功能。
我创建了四张图片,点击后选中的图片会变成黄色边框。
它适用于桌面,但当我在 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 事件来替换点击事件,它现在可以工作了。