javascript - Bootstrap 按钮悬停问题

Question

当我将鼠标悬停在我网站上的 Bootstrap 按钮上时，它不会在 chrome 的左下角显示链接。我在这里错过了什么吗？这是我当前用于该按钮的代码。

<button type="button" class="btn btn-primary navbar-btn m-l-15 m-r-15" onclick="location.href='{$relative}/upload'">{translate c='menu.upload'}</button>

Answer 1

您可以使用 <a>具有按钮 Angular 色的元素并将其样式设置为看起来像按钮，但使用与您当前正在使用的相同的类。

唯一需要注意的是，您应该确定在您的情况下使用的正确元素 - 例如 - 一个链接(一个元素)应该将你导航到一个新的位置或上下文 - 而如果确实如此，则应该使用一个按钮在相同的位置/上下文中的东西。

此外 - 如果按钮具有导航到所需位置的其他功能 - 您将需要重新引入点击处理程序并应用逻辑来执行该功能。

<a 
  href="{$relative}/upload" 
  role="button" 
  class="btn btn-primary navbar-btn m-l-15 m-r-15"
>{translate c='menu.upload'}</a>