在HTML页面的另一个链接项目中创建链接

我正在使用Twitter Bootstrap创建网站。在HTML页面的另一个链接项目中创建链接

本网站的其中一页显示了一系列项目。

List of items

在每个项目中，有一点点x的权利，这对用户应该能够单击以从列表中删除的项目。此外，单击列表项的常规区域链接到该项目的唯一页面。

请参阅的jsfiddle我准备：

JSFiddle Link

问题是，我似乎无法穿上x的链接。如果我尝试用

<a href="item2/delete">....</a>

围绕x布局分崩离析，你可以看到here。

由于我使用的是Bootstrap，我坚持使用它们的链表（链接本身就是<a>标签）。尽管如此，有没有什么办法可以将我的x等链接包含进去呢？

我试过使用jquery创建一个专门的x监听器，但它仍然不起作用（单击x会将您带到该项目的链接）。

请帮忙！

来源

2014-09-11 CodyBugstein

请张贴您的jQuery尝试以及... – 2014-09-11 04:13:17

您可以添加onclick事件处理程序，并防止导致页面重定向的默认onclick事件。试试这个，我已经为你的第二个'X'按钮添加了一个id。

$('#linkTo').click(function(event){ 
    event.preventDefault(); 
    alert('hello'); 
});

DEMO

我想这是你想要的。

来源

2014-09-11 04:13:55 VPK

+1非常酷！很高兴知道！谢谢！ – CodyBugstein 2014-09-11 11:51:07

-1

，你可以使用相对包装+绝对链接关闭按钮如下：

<div class='wrap'> 
      <a href="/proj/item/1" class="list-group-item"> 
       <img class="" style="float: left; padding-right: 20px;" src="http://www.clinicalflow.com/skins/common/icons/icon-check.gif" /> 
       <h4 class="list-group-item-heading">item 1</h4>   
       <p class="list-group-item-text">Avail. since: 01/01/01</p> 
      </a> 
       <a hrerf='#' onclick="alert('assign delete link in href');" class="glyphicon glyphicon-remove"></a> 
      </div> 
<style> 
.wrap{ 
    position:relative; 
} 
.glyphicon{ 
    position:absolute; 
    right: 50px; top: 30px; 
    width: 10px; height:10px; 
    cursor:pointer; 
} 
</style>

js fiddle sample:http://jsfiddle.net/52VtD/8026/

来源

2014-09-11 04:16:29 KyawLay

检查演示，是，你找

FIDDLE DEMO

$(function(){ 
    $('.glyphicon-remove').on('click',function(){ 

     return false; 
    }) 
})

来源

2014-09-11 04:20:21

在HTML页面的另一个链接项目中创建链接

回答

相关问题