jq SlotMachine 使用体验

  • Lanceloft
  • 0 Minutes
  • December 19, 2016

  开头先贴上github项目地址https://github.com/josex2r/jQuery-SlotMachine
  在做秀赞老虎机抽奖模板时候我就是用了这个jq插件,成功的把工作量减到最低。这个插件对于老虎机抽奖来说基本上已经不需要再进行太多的修改了,所以十分的好用。但是我在使用时候也发现了一点问题,困扰了我是十分久,这里讲述一下。
完成任务在手机测试时候,发现了以下问题:
正确 
错误
  第一张图是在正常情况下应该显示的情况,在微信开发者工具下正常,ios系统下正常。但是安卓下会出现第二章图的情况,奖项溢出,无法抽奖。
  我尝试强制控制一屏,但是发现并没有解决。最后是通过开发者工具加载完成前一闪而过右边的情况,然后推断出安卓应该是某些文件没有正常加载完成出现的。然后发现当我把jq slotMachine插件注释后,ios就能重现安卓的情况。证明就是安卓没有正常加载jq slotMachine插件的问题。 
  那么问题来了,好好的插件为何ios可以,安卓不可以呢。我发现我引用的插件是jquery.slotmachine.js,是原文件经过gulp去压缩,而不是官方的min.js文件。于是我把文件替换了下,使用了官方的jquery.slotmachine.min.js.然后就发现已经好了。。原因未详,不过从今以后还是养成使用官方压缩的文件习惯吧。