图像上的href不起作用

时间:2014-07-17 07:02:46

标签: html image href

当用户点击图片时,我正在尝试刷新页面。

我试过这样的事情:

<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>

5 个答案:

答案 0 :(得分:1)

删除navvar-header。它可以禁用点击事件吗?

答案 1 :(得分:0)

为什么不使用“#”标记而不是 no_serie.php

答案 2 :(得分:0)

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

如果您有一些扩展,请尝试禁用某些扩展程序。某些浏览器可能会检测到您使用的是相同的页面名称,并且不会重新加载它。

答案 3 :(得分:0)

只需删除锚标记中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>

答案 4 :(得分:0)

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

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