我当前的 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/