Javascript Onclick函数没有';t在手机上工作
我是JS的新手,我正在尝试得到这个结果(),但我对这段代码的移动视图有一些问题…它在其他设备上都很好用,但在iPhone(x、8等)上不行。怎么可能呢Javascript Onclick函数没有';t在手机上工作,javascript,mobile,onclick,popup,Javascript,Mobile,Onclick,Popup,我是JS的新手,我正在尝试得到这个结果(),但我对这段代码的移动视图有一些问题…它在其他设备上都很好用,但在iPhone(x、8等)上不行。怎么可能呢 函数myFunction(){ var popup=document.getElementById(“myPopup”); popup.classList.toggle(“显示”); } 如果问题恰好发生在Safari上,则可能是由于缺少光标:指针在CSS中 Safari不喜欢在不遵循的HTML元素上启动函数 顺便说一句,即使他们这样做了(根据我
函数myFunction(){
var popup=document.getElementById(“myPopup”);
popup.classList.toggle(“显示”);
}
如果问题恰好发生在Safari上,则可能是由于缺少光标:指针代码>在CSS中
Safari不喜欢在不遵循的HTML元素上启动函数
顺便说一句,即使他们这样做了(根据我个人的经验),也不能保证你的听众会真的开火
之所以会出现这种情况,是因为像Safari或IE这样的浏览器似乎更像是一个好笑话,而不是一个好浏览器
我们该如何处理
嗯,IRL我们主要使用一些库(例如Vue或React),它们比我们更好地执行跨浏览器优化
对于您的简单用例,您可能希望将“myPopup”元素转换为零样式按钮
所有主要浏览器的按钮都或多或少正常工作。如果问题恰好发生在Safari上,可能是因为缺少光标:指针代码>在CSS中
Safari不喜欢在不遵循的HTML元素上启动函数
顺便说一句,即使他们这样做了(根据我个人的经验),也不能保证你的听众会真的开火
之所以会出现这种情况,是因为像Safari或IE这样的浏览器似乎更像是一个好笑话,而不是一个好浏览器
我们该如何处理
嗯,IRL我们主要使用一些库(例如Vue或React),它们比我们更好地执行跨浏览器优化
对于您的简单用例,您可能希望将“myPopup”元素转换为零样式按钮
所有主要浏览器都倾向于使用按钮来或多或少地正常工作。使用此链接调试JS代码使用此链接调试JS代码在chrome上也不起作用,事实是我复制了此代码->exaclty,但它不起作用。我如何将myPopup转换为零样式按钮?@JacopoDiCapua如果你只是复制并粘贴它,问题也可能是
中缺少一些必要的信息,例如,代码段中显然缺少字符编码。顺便问一下,你把它放在哪里用iPhone看呢?@JacopoDiCapua好的,谢谢。它在这个网站上不起作用,因为它似乎有两种不同的布局,一种用于桌面,一种用于移动设备。两种布局都有一个id为“myPopup”的元素。如果ID重复,document.getElementById
,在您的情况下,桌面版本的HTML结构恰好高于移动版本,因此,您总是调用在移动版本上不可见的桌面弹出窗口。解决方案:使用唯一ID并使代码正确处理此问题,或者使用一个响应性布局。它在chrome上也不起作用,事实是我复制了此代码->exaclty,但它不起作用。我如何将myPopup转换为零样式按钮?@Jacopodiapua如果你只是复制并粘贴它,问题也可能是
中缺少一些必要的信息,例如,代码段中显然缺少字符编码。顺便问一下,你把它放在哪里用iPhone看呢?@JacopoDiCapua好的,谢谢。它在这个网站上不起作用,因为它似乎有两种不同的布局,一种用于桌面,一种用于移动设备。两种布局都有一个id为“myPopup”的元素。如果ID重复,document.getElementById
,在您的情况下,桌面版本的HTML结构恰好高于移动版本,因此,您总是调用在移动版本上不可见的桌面弹出窗口。解决方案:使用唯一的ID并使代码正确处理此问题,或者使用一个响应性布局。