2016-03-18 3 views
1

Я использую Twitter Bootstrap для проекта.Twitter Bootstrap 3 Список групп

У меня есть вид виджетов list-group, который представляет собой список элементов, которые используются для навигации.

По какой-то причине я не могу заставить эти ссылки работать. Хотя правильная ссылка появляется при наведении курсора, они меня не берут.

Я создал fiddle, чтобы показать проблему.

Может ли кто-нибудь помочь?

С уважением.

+0

нашел проблему. Был JS с инструкцией preventDefault. Комментируя это, исправил проблему. Я скопировал этот код из внешнего источника и не понял проблему. – Nicolas

ответ

1

Никогда не ставьте http-протоколы в href по многим причинам, один из которых может быть неправильным! (http vs https).

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

Plus группа список должен быть в списке не кучка дивы

1

Посмотрите Bootstrap's documentation для списка-группы. Когда я кладу свои ссылки в UL, все, кажется, работают:

<ul class="list-group"> 
    <li><a 
     href="http://www.google.com" 
     class="list-group-item active" 
     >External link not working</a></li> 
     <li><a 
     href="#my_local_anchor" 
     class="list-group-item active"> 
     Internal link not working 
    </a> </li> 
</ul> 
2

При указании HTTP в ссылке он не будет работать в месте HTTPS.

Mixed content error

+0

Возможно, это побочный эффект запуска его на скрипке. Мой сайт не HTTPS, и он не работает ни – Nicolas

1

Я проверил внутреннюю связь, и она работала, когда йо использовать якорь в качестве ID

<h1 id="my_local_anchor">

И внешней ссылке работал, когда я добавил:

<a href="https://www.google.com" target="_blank">

Который открывает ссылку в новой вкладке, которая, как правило, лучше, как ваш сайт будет держать присутствие в браузере пользователей