html5 游戏 拼装,打造专属自己的html5拼图小游戏

//阻止手机上浏览器的弹性下拉。。。

$('body').on('touchstart', function(e) {

e.preventDefault();

});

$lis.on('swipeLeft', function(e) {

e.preventDefault();

var $this = $(this);

var index = $this.index();

var html = $this.html();

var $prev = $this.prev();

if ($.inArray(index, [3, 6]) > -1 || $prev.size() <= 0) {

return false;

}

$this.html($prev.html());

$prev.html(html);

App.check();

});

$lis.on('swipeRight', function(e) {

e.preventDefault();

var $this = $(this);

var index = $this.index();

var html = $this.html();

var $next = $this.next();

if ($.inArray(index, [2, 5]) > -1 || $next.size() <= 0) {

return false;

}

$this.html($next.html());

$next.html(html);

App.check();

});

$lis.on('swipeUp', function(e) {

e.preventDefault();

var $this = $(this);

var html = $this.html();

var index = $this.index() - 3;

var $up = $lis.eq(index);

if (index >= 0 && $up.size() > 0) {

$this.html($up.html());

$up.html(html);

App.check();

}

});

$lis.on('swipeDown', function(e) {

e.preventDefault();

var $this = $(this);

var html = $this.html();

var index = $this.index() + 3;

var $down = $lis.eq(index);

if (index < 9 && $down.size() > 0) {

$this.html($down.html());

$down.html(html);

App.check();

}

});