gpt4 book ai didi

javascript - 更改按钮文本和功能 onClick 不适用于 Ipad/iPhone

转载 作者:行者123 更新时间:2023-12-03 11:19:59 25 4
gpt4 key购买 nike

我当前的 Web 应用程序上只有一个按钮。

  • 当您打开该页面时,它会显示比较,点击它会并排比较 2 个产品。
  • 点击比较后,按钮会变为返回,然后在点击时刷新页面。

问题是这只适用于桌面。当我通过 chrome devtools 将它更改为 iPhone 或 iPad 时,即使单击它也不会改变,它仍然保持比较。

我尝试过:创建两个单独的按钮,在适当的时候显示/隐藏,并使用一个按钮并更改它的文本,但无论哪种方式,它都适用于桌面,但不适用于 iPhone/iPad View 。

非常感谢任何帮助!

<div class="list-group">   
<button type="button" class='btn goCompare' id="goCompare" data-show="compareBack" style="width: 100%;">Compare</button>
</div>
<body>
<div>
<button id="compare">Compare</button>
<button id="back" style="display: none;">Back</button>
</div>
<script type="text/javascript">
document.getElementById('compare').onclick=function(){
document.getElementById('compare').style.display = "none";
document.getElementById('back').style.display = "block";
}
document.getElementById('back').onclick=function(){
document.getElementById('compare').style.display = "none";
refreshPage();
}
function refreshPage() {
window.location.reload(true);
}
</script>
</body>

最佳答案

我建议您使用两个按钮而不是一个按钮(返回和比较),并根据您的需要隐藏其中一个。您可以使用元素的显示属性,如下所示:

 document.getElementById("goCompare").style.display = "none"; 

关于javascript - 更改按钮文本和功能 onClick 不适用于 Ipad/iPhone,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59251962/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com