Question

在wordpress中，您可以提供一个带有IOS，Android和桌面链接的按钮，具体取决于您访问网站的位置，该按钮会将您重定向到正确的URL。

我想要一个按钮，该按钮带有指向Playstore，Appstore和PC下载链接的链接。第一个代码可以正常工作，但是当您复制了该代码块后，第二个按钮只会将您发送到桌面网址。

使用1个按钮时，下面的代码可以正常工作，但是复制帖子后，使用第二个按钮只会将您发送到桌面网址。

按钮：

<div class="section-button <?php if( $section_left_or_right == "right" ) { echo "float-right"; } else { echo "float-left"; } ?>">
  <a id="section-button" href="<?php echo esc_url($link_url); ?>" target="<?php echo esc_attr($link_target); ?>">
    <?php echo esc_html($link_title); ?>
  </a>
</div>

JS：

var operatingSystem, userAgentString = navigator.userAgent;
var link = $("#section-button");
if (userAgentString.indexOf("iPhone") > -1 || userAgentString.indexOf("iPod") > -1 || userAgentString.indexOf("iPad") > -1) {
    operatingSystem = "iOS";
    link.attr("href", "<?php echo $section_link_ios; ?>");
} else if (/Android/.test(userAgentString)) {
    operatingSystem = "Android";
    link.attr("href", "<?php echo $section_link_android; ?>");
}

如果您要在android设备上访问网站，对于IOS和桌面等，我希望两个按钮都应将您发送到android url。

在F12控制台中，我可以看到两个按钮都已注册为android，但只有第一个会将您发送到android url，第二个只会将您发送到桌面url。

带有iOS，Android或桌面链接的重复按钮，仅指向桌面的链接

0 个答案: