Question

我需要在href标签中显示item id，但它不能导航到其他页面...防止导航的一种方法是使用jvascriptvoid（0）但是我可以将它附加到id ...如果是这样的话怎么样？？

 <a href="id='.$portfolio_id.' "><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'"></a>

Answer 1

将onclick="return false;"添加到您的锚标记中。这将阻止链接被导航到。

<a href="id='.$portfolio_id.' " onclick="return false;"><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'" /></a>

但是，我不明白这一点，这不是希望锚标签的设计目的。也许如果您提供更多信息，我们可以找到更好的解决方案。

Answer 2

您不应该首先使用<a>标记。您始终可以使用其他类型的标记来显示信息。特别是因为href属性的内容不是真正有效的链接。使用随附的id中的<img>属性应该会更好。

<img id="'.$portfolio_id.'">

或者调整你的布局是一种更好的方法。

Answer 3

分配点击事件并返回false，这将阻止浏览器导航到href。

<script type="text/javascript">

window.onload = function()
{

    document.getElementById("mylink").onclick = function()
    {
        return false;
    }

}

</script>


 <a id="mylink" href="http://google.com"><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'"></a>

Answer 4

在id前面添加“＃”字符，它不会导航到另一个页面。

<a href="#id='.$portfolio_id.' "><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'" /></a>

需要在href标记中显示id但不能导航到其他页面

4 个答案: