Question

我完全失去了如何解决这个问题......

在桌面上，我的代码可以运行。我需要适应移动设备并且没有任何运气。我试了jQuery移动水龙头，没有任何运气。

我希望用户能够点按屏幕上的任意位置并显示隐藏的图像。我实际上有大约20个div，每个包含一个图像，但我想一次只显示一个。对于桌面，我使用的是keyup / keydown，它运行得很好。

[的jsfiddle] [1]

<div class="photo" data-key="1">
    <img class="item" data-id="image">
</div>


$(window).on('keydown', function(e) {
    $(data-key=" ' + e.which + ' ").show();






[1]: http://jsfiddle.net/rewinn/3gc202z5/

Answer 1

解决了！我是编程的新手，所以我不知道这是否是最明智的方式，并希望获得更智能的解决方案的反馈。谢谢@Sushil建议touchstart。谢谢，@ ezanker。您的代码在小提琴中完美运行。我当然在实施一些错误。这是我做的：

var tapStart = function() {
    var randomGfy = Math.floor(Math.random() * $('.gfy').length);
    $('.gfy').hide().eq(randomGfy).show();      
}

var tapEnd = function() {
    $(randomGfy).hide();
}

var init = function() {
    $(window).bind('touchstart',tapStart).bind('touchend',tapEnd);  
}

init();

jQuery Mobile点击也显示了一个gif

1 个答案: