Question

我在div中有这个锚标记，它显示为弹出窗口。 我的主播是可点击的，但它不会导航到href中的网址，这个问题会间歇性地发生。请帮助我，因为我不明白导致问题的原因。

＆＃13;

 .button {
  display: block;
  width: 360px;
  margin-top: 1em;
  padding: 1em;
  border: none;
  border-radius: 0.25em;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
  margin-right: 1.75em;
  text-align: left;
  z-index: 10;
}

a.button:hover, .ff-form button:hover,
.ff-form input[type="reset"]:hover,
.ff-form input[type="button"]:hover,
.ff-form input[type="submit"]:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

＆＃13;

<div class="footer">
      <a class="button" href="http://iffi.shop.com/cart">GO TO BASKET</a>
</div>

＆＃13;

Answer 1

在你的href网址中，我删除了“购物车”。然后它正在工作。有了购物车，我认为这不是一个正确的网址。

 .button {
      display: block;
      width: 360px;
      margin-top: 1em;
      padding: 1em;
      border: none;
      border-radius: 0.25em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1em;
      font-weight: bold;
      display: inline-block;
      margin-right: 1.75em;
      text-align: left;
      z-index: 10;
    }

a.button:hover, .ff-form button:hover,
.ff-form input[type="reset"]:hover,
.ff-form input[type="button"]:hover,
.ff-form input[type="submit"]:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

<div class="footer">
            <a class="button" href="http://iffi.shop.com">GO TO BASKET</a>
</div>

Answer 2

只是几个问题

您的网站是否在HTTPS上运行？页面上是否有混合内容？这个可以阻止链接工作，因为你的href是http：//

您是否尝试过使用Chrome开发者工具来识别任何Javascript问题？（在Chrome中查看您的页面时点击F12）

页面上是否还有其他依赖项（jQuery / Bootstrap / etc ...）？看起来你只发布了那些不起作用的位。

我已经开始为你调试它了一个jsfiddle

https://jsfiddle.net/nt5cez2f/

也许你可以添加更多内容，以便我可以获得更多关于发生什么的背景信息。请注意我已经更改了指向HTTPS的链接，但它可以工作，但是当它是HTTP时却没有。这可能只是一个小问题，但是你遇到了同样的问题吗？

<div class="footer">
  <a href="https://iffi.shop.com/cart">GO TO BASKET</a>
</div>

发回您找到的任何信息，我会尽力帮您解决

锚标签在div中间歇性地工作

2 个答案: