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

【问题标题】："AppendTo" href doesn't work in Android Chrome?“AppendTo”href 在 Android Chrome 中不起作用？
【发布时间】：2021-12-15 09:54:44
【问题描述】：

我有这个代码：

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);
});

在my site。它适用于桌面 Chrome，但不适用于 Android Chrome。

为什么？有什么办法可以治疗这种症状？

问题编辑/更新：

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

在我的手机上，我还使用当前更新版本的 Chrome：Android 11 上的 95.0.4638.50，一个 UI 版本：3.1

桌面版没有相关的错误信息。

我似乎没有在 Android 的 Chrome 上找到调试器...

第二次编辑（解决方案）：

没有，浏览器没问题。

我只需要将id-s 更改为classes，如下所示：

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);
});

...但我不太清楚为什么会这样。有知道的可以在下方留言。提前谢谢！

【问题讨论】：

标签： android jquery wordpress google-chrome append

【解决方案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() not working on mobile - Android - Chrome

【讨论】：

谢谢您，感谢您的努力，我给了您一个赞成票，但仍然无法正常工作...我正在考虑同时克隆和追加，或者只是附加链接，然后对其进行样式设置。

【解决方案2】：

没有，浏览器没问题。

我只需要将id-s 更改为classes，如下所示：

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);
});

...但我不太清楚为什么会这样。有知道的可以在下方留言。提前谢谢！

【讨论】：