图像上的href不起作用答案

【问题标题】：href on an image doesn't work图像上的href不起作用
【发布时间】：2014-09-07 22:22:06
【问题描述】：

当用户单击图像时，我正在尝试刷新页面。

我尝试过这样的事情：

<a href="no_serie.php"><img style="max-width:150px; margin-top: 1px;"
    src="bootstrap/img/ICOMS-LOGO.jpg">
</a>

但这不起作用。当我点击图片时，什么也没有发生。

我做错了吗？

完整代码：

 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a href="no_serie.php">
        <img style="max-width:300px; margin-top: 1px;" src="bootstrap/img/ICOMS-LOGO.jpg">          
      </a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="ajouter_produit.php">Ajouter un Produit</a></li>
        <li><a href="ajouter_lot.php">Ajouter un Lot</a></li>
        <li><a href="ajouter_distributeur.php">Ajouter un Distributeur</a></li>
        <li><a href="ajouter_employe.php">Ajouter un Employé</a></li>
      </ul>
    </div>
  </div>
</div>

【问题讨论】：

有什么问题？您想重新加载页面还是要将用户发送到特定页面？
您的代码是正确的（除非您没有关闭图像标签）。除非您可以在小提琴中重现您的问题，否则我认为我们不会有太大帮助。
“no_serie.php”的路径是否正确？它和你的 HTML 文件在同一个文件夹中吗？
请显示更多 html 或创建小提琴
"no_serie.php" 是编写代码的文件。当我点击图片时，我想刷新实际页面。

标签： html image href

【解决方案1】：

只需删除锚标记中 href 中的链接，然后向其中添加 javascript。
你完成了。请检查下面的代码。

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
      <a onclick="location.reload();" href="javascript:;">
        <img style="max-width:300px; margin-top: 1px;" src="bootstrap/img/ICOMS-LOGO.jpg">          
      </a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="ajouter_produit.php">Ajouter un Produit</a></li>
        <li><a href="ajouter_lot.php">Ajouter un Lot</a></li>
        <li><a href="ajouter_distributeur.php">Ajouter un Distributeur</a></li>
        <li><a href="ajouter_employe.php">Ajouter un Employé</a></li>
      </ul>
    </div>
  </div>
</div>

【讨论】：

【解决方案2】：

尝试用以下代码替换您的锚标记：

<a href="javascript:history.go(0)"> <img style="max-width:150px; margin-top: 1px;" src="bootstrap/img/ICOMS-LOGO.jpg"/> </a>

【讨论】：

【解决方案3】：

删除navvar-header。它可能会禁用点击事件？

【讨论】：

【解决方案4】：

代码没有错。它完美地工作。如果可能，请尝试使用其他浏览器。

如果您有一些扩展，请尝试禁用一些扩展。某些浏览器可能会检测到您在同一个页面名称上，并且不会重新加载它。

【讨论】：

我正在使用带有 4 个“addBlocks”扩展的 Google Chrome。在 IE 中，它看起来很糟糕，但仍然无法正常工作。而在 Firefox 中，与 google chrome 中的相同...：/
@Booba__2012 你能不能尝试使用google.com 并检查它是否仍然不起作用

【解决方案5】：

你为什么不使用 "#" 标签而不是 no_serie.php 。

【讨论】：

就像我说的，我得到了相同的结果：/ Soo 代码没有错吗？
是的，您没有使用 / 关闭 img 标签
有人说我不需要关闭该标签，而其他人告诉我我需要... :/ ?
您必须使用关闭 img 标签以获得更好的实践。