Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Onclick函数没有';t在手机上工作_Javascript_Mobile_Onclick_Popup - Fatal编程技术网

Javascript Onclick函数没有';t在手机上工作

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元素上启动函数 顺便说一句,即使他们这样做了(根据我

我是JS的新手,我正在尝试得到这个结果(),但我对这段代码的移动视图有一些问题…它在其他设备上都很好用,但在iPhone(x、8等)上不行。怎么可能呢

函数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并使代码正确处理此问题,或者使用一个响应性布局。