Question

我已经在我的网站上的适当位置添加了来自pinterest的相应js链接，并检查了所有已知错误，但仍然无法将其按钮显示在我的图像上站点。

感谢您的帮助。这是我个人网站上的页面：

Answer 1

我注意到了：

<div>
  <img src="images/img1.jpg" class="slider-img">
</div>
<!----far away---->
<a class="..." title="Pin it!" data-pin-log="button_pinit_floating" data-pin-href="//www.pinterest.com/pin/create/button/?..." style="top: 110px; left: 1895px; z-index: 8675309; display: block;"></a>

将其更改为：

<div>
  <a class="..." title="Pin it!" data-pin-log="button_pinit_floating" data-pin-href="//www.pinterest.com/pin/create/button/?..." style="top: 110px; left: 1585px; z-index: 8675309; display: block;"></a>
  <img src="images/img1.jpg" class="slider-img">
</div>

Answer 2

修复滑块可能有点复杂，但我告诉你我要遵循的过程。

转到https://github.com/kenwheeler/slick/blob/master/slick/slick.js并在本地下载。

错误很可能与滑动效果有关，因此您可以尝试设置swipe: false,定义滑块图像容器的位置$('.slider-for').slick({

如果不起作用，请使用处理鼠标事件的_.defaults或_.initials = {中设置的任何变量重复该过程。

此外，如果这不起作用，则识别检测鼠标的代码部分并更改光标外观。评论出来。如果有效，请通知作者您的调查结果。

希望它有所帮助。

为什么将鼠标悬停在图像引脚上它不会出现按钮

2 个答案: