大佬教程收集整理的这篇文章主要介绍了jquery – 重置游戏功能不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
要查看游戏和代码,请转到http://codepen.io/acnorrisuk/pen/JdoGvP/
我有控制台.记录了值数组,这样你就可以在游戏中欺骗自己,看看重置时会发生什么.
重置功能如下:
function newBoard() { // reset variables tiles_flipped = 0; temp_values.length = 0; tile_values.shuffle(); tile1 = ''; tile2 = ''; $("#board").empty(); $(".tile").removeClass("transform"); $("#score").html("<p>Pairs Found: " + 0 + "</p>"); // gives each div a unique tile number and inserts images for (var i = 0; i < tile_values.length; i++) { $("#board").append("<div class='flip-container flip'>\ <div class='tile flipper' id='" + i + "'>\ <div class='front'></div>\ <div class='back'><img src='" + tile_values[i] + "'>\ </div>\ </div>\ </div>"); } };
您可以移动绑定点击处理程序的代码,使其位于newBoard()函数内(将tile元素添加到板后),但更好的方法是使用事件委派.使用事件委派,您可以将单击处理程序绑定到#board元素,该元素不会被删除并重新添加.但仍然会为tile元素调用处理程序.
只需改变这个:
$(".tile").on("click",function () {
对此;
$("#board").on("click",'.tile',function () {
以上是大佬教程为你收集整理的jquery – 重置游戏功能不起作用全部内容,希望文章能够帮你解决jquery – 重置游戏功能不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。