Question

我一次都知道这个答案，但我不能为我的生活记住它。我已经搜遍了所有的答案，但我找不到它。我有一个网页，其中包含一些锚点，如下所示：

<a onclick="make_ajax_request('list')">
  <div class="viewbar ">
    <div class="icon list">
      <img src="/icons/list.png"/>
    </div>
    <p>List</p>
  </div>
</a>

它们基本上是图片图标和文字的链接。它们大部分时间都在工作，但是你不得不两次点击它们来触发这个功能。我记得它与没有＆＃34; href＆＃34;有关。属性或锚点本身是内联块。但我已经尝试了一切无济于事。有没有人知道我指的是什么？

Answer 1

~~您不应该使用像<a>~~ 这样的内联元素来包装块级元素。实际上this is fine now，我的信息已经过时了。这很可能会造成麻烦。一些（所有？）浏览器会在加载时尝试修复它，你可以有效地结束这样的事情：

<a onclick="make_ajax_request('list')"></a>
  <div class="viewbar ">
    <div class="icon list">
      <a><img src="#" /></a>
    </div>
    <p><a>List</a></p>
  </div>
<a></a>

在任何情况下，最好不要在标签中包装img，然后使用javasript解释div上的点击，只需单击内部链接即可。或者在你的情况下，它实际上不是一个链接，只需：

  <div class="viewbar" onclick="make_ajax_request('list')">
    <div class="icon list">
      <img src="/icons/list.png"/>
    </div>
    <p>List</p>
  </div>

和你的css

.viewbar { cursor: pointer; }

有时链接在第一次点击时不起作用

1 个答案: