首页 > 解决方案 > Panolens.js 问题:按钮在移动设备上不起作用

问题描述

我尝试添加“顶部小部件按钮”。为此,我遵循以下代码片段:

<div id="wrapper">
   <!-- all your pop-up divs here-->
</div>

我在 Google Chrome、Mozilla Firefox、Microsoft Edge 和 Internet Explorer 上测试了我的网页;它按预期工作。

但是,当我尝试在手机上打开它时,特别是三星 Galaxy Note 9,按钮不再起作用。

这是我在 codepen.io 上的源代码的链接:https ://codepen.io/ferdric-avpl/pen/oNjQOYK

请在打开链接后查看“启动地图”按钮。

标签: javascripthtmlcssgoogle-cardboardwebvr

解决方案


这可以通过使用 jQuery 来解决。例如:

$("#button-launch-floor-plan").on("click touchstart", function() {
    ShowModal();
})

干杯!


推荐阅读