bootstrap超鏈接無法正常工作

我一直試圖讓實際的行被超鏈接（可點擊），但他們似乎不想成爲活動鏈接，我在Google上搜索過，並且網站聲稱使用「一個href「，我已經做了，但由於某種原因，它不適合我，這是一個引導佈局，如果任何人都可以幫助我，請這將是太棒了，非常感謝你bootstrap超鏈接無法正常工作

編輯：我已經嘗試在tr元素中添加「class ='clickable-row'data-href ='url：// link-for-first-row /'」，但它仍然不起作用，我嘗試更新jsfiddle鏈接，但是當我嘗試保存它來發布鏈接這裏的jsfiddle數據從我的屏幕上抹去。

https://jsfiddle.net/r6wctrwk/

<div class="container"> 
<table class="table table-bordered"> 
<thead> 
<tr> 
<th>Firstname</th> 
<th>Lastname</th> 
</tr> 
</thead> 
<tbody> 
<a href="#"> 
<tr> 
<td>John</td> 
<td>Doe</td> 
</tr> 
</a> 
<a href="#"> 
<tr> 
<td>Mary</td> 
<td>Moe</td> 
</tr> 
</a> 
<a href="#"> 
<tr> 
<td>July</td> 
<td>Dooley</td> 
</tr> 
</a> 
</tbody> 
</table> 
</div>

來源

2015-09-03 Emma-May

的可能重複[如何在一個表格中可以點擊的鏈接一整排？]（HTTP ：//stackoverflow.com/questions/17147821/how-to-make-a-whole-row-in-a-table-clickable-as-a-link） – akash

我試過添加「class ='clickable- row'data-href ='url：// link-for-first-row /「到tr元素，但它不想工作，我試着更新jsfiddle鏈接在這裏發佈，但我有一些麻煩。 –

@艾瑪 - 可能的鏈接是絕對回答你的問題。讓我舉個答案部分的例子... – Akki619

按我的評論，在這裏是如何通過阿卡什提供的鏈接將工作。

示例代碼：

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 

    <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> 
</head> 
<body> 
<table> 
<tbody> 
    <tr class='clickable-row' data-href='http://google.com'> 
     <td>Column 1</td> 
     <td>Column 2</td> 
     <td>Column 3</td> 
    </tr> 
</tbody> 
</table> 
<script> 
jQuery(document).ready(function($) { 
    $(".clickable-row").click(function() { 
     alert("click"); 
     window.document.location = $(this).data("href"); 
    }); 
}); 
</script> 
</body> 
</html>

可以包括風格像這樣

<style> 
    .clickable-row:hover{ 
     text-decoration: underline; 
     cursor: pointer; 
    } 
    </style>

來源

2015-09-03 07:20:51 Akki619

哦，現在我明白了什麼是錯的，你的權利鏈接確實工作（謝謝），但是當我將鼠標懸停在鏈接上時，它不顯示鏈接在鉻）有什麼辦法來顯示它的鏈接？（編輯，我的意思是當我將鼠標懸停在鏈接上時，它不會顯示爲瀏覽器底部狀態中的鏈接） –

不，它不會顯示它的非錨點元素。 – Akki619

感謝您的更新，所以我明白這是它在自舉中工作的「正常」方式？ –

bootstrap超鏈接無法正常工作

回答

相關問題