在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頁面的另一個鏈接項目中創建鏈接

回答

相關問題