Javascript 该函数在桌面和模拟器上工作，但在移动浏览器上不工作

我有一个WordPress Woocomece网站。我有一个多读/少读功能，可以扩展/隐藏较长的产品描述。它在桌面上运行良好。它甚至可以使用Chrome的移动仿真器工具工作

但是，它不适用于任何移动浏览器。按下按钮只会使页面稍微向上跳一点。我假设浏览器没有读取（'单击'touchstart'）上的

。

：

$（文档）.ready（函数（）{
$（“.product readmore”）。在（'单击touchstart'，函数（）上{
var description=document.querySelector（“.product description readmore”）；
如果（description.style.height==“”）{
description.style.height='auto'；
}else if（description.style.height==='auto'）{
description.style.height=''；
}否则{
description.style.height='92px'；
}
$（this）.text（$（this）.text（）=='Read less…'？'Read more…'：'Read
少于……）；
});
});

问题在于WordPress如何处理jQuery。我将第一行更改为

jQuery（document）.ready（function（$）{

---

现在，它可以在所有浏览器中正常工作，无论是移动浏览器还是其他浏览器。

问题可能会对您有所帮助。

touchstart

就像使用“onMouseDown”，您可能需要类似“touch”的东西@diegocarascal谢谢您的建议。“touch”不起作用。我通读了你提供的线程，其中也没有任何东西起作用。你如何测试？什么浏览器？你能做一个独立的例子，这样我们可以进一步帮助你吗？@Twisty我正在用apperize.io模拟带有safari的iphone 7进行测试。还使用chrome在我的google Pixel 2 xl上进行测试。该脚本在桌面版本中工作是chrome的，但不是移动版。我创建了一个JSFIDLE，它可以在移动版上工作。这让我相信代码是好的，WordPress中的某些东西导致了一个问题。