javascript - Bootstrap 按钮悬停问题

标签 javascript php html css

当我将鼠标悬停在我网站上的 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>

最佳答案

您可以使用 <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>

关于javascript - Bootstrap 按钮悬停问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57766480/

相关文章:

php - 如何在 symfony 重定向中获取 referer url

javascript - 从 php 服务器处理数据库中的 ajax 流式传输进度

php - 连接表并找到列值的最大值

html - 多个切换器工作不正确的 CSS

javascript - 如何使 SVG 组遵循圆形渐变

javascript - 如何将json文件解析为字典

javascript - 如何处理Javascript中多次调用的代码?

javascript - 在对象的特定标题 <th> 下插入表格 <td> 单元格

javascript - 对齐图像和标尺之间的两个元素

javascript - 在 Suitescript 2.0 中从 suitelet 表单脚本运行计划脚本时出错?