“AppendTo” href 在 Android Chrome 中不起作用？

Question

我有這個代碼：

jQuery(document).ready(function( $ ){
  var magyar = $(".lang-item-hu a").attr("href");
  $("#magyar").attr("href", magyar);
  var angol = $(".lang-item-en a").attr("href");
  $("#angol").attr("href", angol);
});

在我的網站上。 它適用於桌面 Chrome，但不適用於 Android Chrome。

為什么？ 這種症狀的治療方法是什么？

問題編輯/更新：

在我的桌面上，我在 Windows 11 Pro ver: 21H2 上使用最新版本的Chrome 95.0.4638.69 / 64 位

在我的手機上，我還使用當前更新的Chrome版本：Android 11 上的 95.0.4638.50，一個 UI 版本：3.1

桌面版沒有相關的錯誤信息。

我似乎沒有在 Android 的 Chrome 上找到調試器...

第二次編輯（解決方案）：

不，瀏覽器沒問題。

我只需要將id -s 更改為class es，如下所示：

jQuery(document).ready(function( $ ){
  var magyar = $(".lang-item-hu a").attr("href");
  $(".ma").attr("href", magyar);
  var angol = $(".lang-item-en a").attr("href");
  $(".an").attr("href", angol);
});

...但我不太清楚為什么這有效。 知道的人在下面留下答案。 先感謝您！

Answer 1

我的建議之一是嘗試使用 .prop() 而不是 .attr()

jQuery(document).ready(function( $ ){
  var magyar = $(".lang-item-hu a").attr("href");
  $("#magyar").attr("href", magyar);
  var angol = $(".lang-item-en a").attr("href");
  $("#angol").attr("href", angol);
});

變成

jQuery(document).ready(function( $ ){
  var magyar = $(".lang-item-hu a").prop("href");
  $("#magyar").prop("href", magyar);
  var angol = $(".lang-item-en a").prop("href");
  $("#angol").prop("href", angol);
});

更多詳情，請查看此鏈接： https : //stackoverflow.com/a/5876747/3073842

類似問題： jquery attr() 不適用於移動設備 - Android - Chrome

Answer 2

不，瀏覽器沒問題。

我只需要將id -s 更改為class es，如下所示：

jQuery(document).ready(function( $ ){
  var magyar = $(".lang-item-hu a").attr("href");
  $(".ma").attr("href", magyar);
  var angol = $(".lang-item-en a").attr("href");
  $(".an").attr("href", angol);
});

...但我不太清楚為什么這有效。 知道的人在下面留下答案。 先感謝您！