首页 > 解决方案 > Javascript 在移动设备上不起作用,显示空白

问题描述

我创建了一个由日历和特定时间组成的预约时间表。在桌面上它可以完美运行,也可以在 chrome 的模拟器中运行,但它不能在移动设备上运行,在我的情况下是 Safari 和适用于 iOs 的 Chrome。日历日不会显示在移动设备中。

这是桌面版。在此处输入图像描述

这是手机版。在此处输入图像描述

javascript 充满了 onclick 事件,它们都是根据用户所在的日、月和年创建的。我尝试删除所有 onclick 事件,它显示得很好。这就是使用其中的功能创建日历的每一天的方式。

<div class="calendar__day" id=day'+i+' onclick="changedate('+a+','+i+','+month+','+ finday(i,yyyy,mm) +')"><span class="calendar__date">'+ i +'</span></div>

是否有任何解决方法使其也可以在移动设备上使用?是因为太多的 javascript 还是仅仅是 onclick 函数?

标签: javascripthtmlmobile

解决方案


在将console.logs 放在任何地方后,我发现每次在html 中创建新的一天时,都会执行单击该函数finday(i,yyyy,mm)调用的函数。changedate我真的不知道为什么会这样,但我在finday里面实现了这个函数changedate,它现在可以工作了。我想这只是为移动浏览器执行了太多的 javascript 函数。


推荐阅读