我需要在href标签中显示项目ID,但它不能导航到其他页面......防止导航的一种方法是使用jvascriptvoid(0)但我可以将它附加到id......如果是这样怎么办?
<a href="id='.$portfolio_id.' "><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'"></a>
我需要在href标签中显示项目ID,但它不能导航到其他页面......防止导航的一种方法是使用jvascriptvoid(0)但我可以将它附加到id......如果是这样怎么办?
<a href="id='.$portfolio_id.' "><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'"></a>
添加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>
但是,我不明白这一点,这不是锚标签的设计目的。也许如果您提供更多信息,我们可以找到更好的解决方案。
你不应该首先使用<a>
标签。您始终可以使用另一种标签来显示信息。特别是因为您的href
属性内容不是真正有效的链接。在您的附件中使用id
属性<img>
应该会更好。
<img id="'.$portfolio_id.'">
或者调整您的布局将是更好的方法。
分配一个 click 事件并返回 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>
在 id 前面添加“#”字符,它不会导航到其他页面。
<a href="#id='.$portfolio_id.' "><img height="57" width="57" src="images/portfolio_uploads/orig_'.$portfolio_item['image'].'" /></a>