該功能在台式機和仿真器上有效，但不適用於移動瀏覽器

Question

我有一個WordPress Woocomerce網站。 我具有更多/更少閱讀功能，可以擴展/隱藏較長的產品說明。 它在桌面上運行良好。 它甚至可以使用Chrome的移動仿真器工具運行。

但是，它不適用於任何移動瀏覽器。 按下按鈕只會使頁面跳上一點。 我假設瀏覽器沒有讀取.on('click 'touchstart'). ：

$(document).ready(function() {

      $(".product-readmore").on('click touchstart', function() {

          var description = document.querySelector(".product-description-readmore");

          if (description.style.height === '') {
            description.style.height = 'auto';
          } else if (description.style.height === 'auto') {
            description.style.height = '';
          } else {
            description.style.height = '92px';
          }

          $(this).text($(this).text() == 'Read less...' ? 'Read more...' : 'Read 
            less...');
          });
      });

Answer 1

事實證明，問題在於WordPress如何處理jQuery。 我將第一行更改為jQuery(document).ready(function($){

現在，它可以在所有瀏覽器（移動版和其他版本）上正常工作。