bootstrap гиперссылка не работает

Я пытаюсь получить фактические строки, которые будут гиперссылки (clickable), но кажется, что они не хотят быть активными ссылками, я искал в Google и веб-сайтах, чтобы использовать " a 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

возможный дубликат [как сделать целый ряд в таблице Clickable как ссылка?] (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

oh, теперь я понимаю, что случилось, ваше право действительно работает (спасибо), но когда я наводил указатель мыши на ссылку, она не показывает, что это ссылка (в хроме) есть ли способ показать, что это ссылка? (редактирование, что я имею в виду, когда я наводил указатель мыши на ссылку, которую он не показывает как ссылку в статусе внизу браузера) –

нет, он не будет показывать свой не привязанный элемент. – Akki619

спасибо за обновление, просто так я понимаю, что это «нормальный» способ работы в бутстрапе? –

bootstrap гиперссылка не работает

ответ

Смежные вопросы