Pin在iPad与Safari投掷按钮错误 - Pin in button throwing error on iPad with Safari

Pin in button throwing error on iPad with Safari

本文关键字：按钮错误 Safari iPad Pin | 更新日期: 2023-09-27

我正在使用pin it按钮脚本来显示鼠标悬停时的pin it按钮。

它在桌面上工作得很好。但是它在iPad的Safari上抛出错误。

错误提示:"Safari无法打开该页面。"因为地址无效。"

我使用的代码是这样的:

<div class="pin-it-hover">
   <a href="//www.pinterest.com/pin/create/button/?url=<?php echo current_url(); ?>&media=   <?php echo site_url($imagepath); ?>&description=<?php echo $description; ?>"
    data-pin-do="buttonPin" data-pin-config="none">
   <img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png"/>
  </a>
</div>

只包含一次脚本。

<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async  src="//assets.pinterest.com/js/pinit.js"></script>

CSS使用:

.pin-it-hover {
    right: 20px;
    top :20px ;   
    position: absolute;
    visibility: hidden;
}
.outerdiv:hover .pin-it-hover {
    visibility: visible;
}

任何建议吗?我的代码有什么问题?

在url前面使用http:或在每个url中删除//，如下所示

http://assets.pinterest.com/js/pinit.js或assets.pinterest.com/js/pinit.js

代替//assets.pinterest.com/js/pinit.js

<div class="pin-it-hover">
   <a href="http://www.pinterest.com/pin/create/button/?url=<?php echo current_url(); ?>&media=   <?php echo site_url($imagepath); ?>&description=<?php echo $description; ?>"
    data-pin-do="buttonPin" data-pin-config="none">
   <img src="http://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png"/>
  </a>
</div>

我想这会对你有帮助。