Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/14: Рейтинг темы: голосов - 14, средняя оценка - 4.57
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
1

Popovers на bootstrape

13.05.2013, 13:14. Просмотров 2612. Ответов 3
Метки нет (Все метки)

Не работает всплывающая подсказка при наведении на кнопку!
Вот оф. справка на бутсрапе

Моя разметка:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Шаблон</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
   <a href="#" class="btn btn-danger" rel="popover" data-content="Экстра полезный контент. Завораживает и вдохнавляет, неправда ли?" data-original-title="Заголовок">Наведи сюда</a>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
  </body>
</html>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.05.2013, 13:14
Ответы с готовыми решениями:

Подчёркивание ссылок у bootstrape
Подскажите, столкнулся с проблемой. У меня есть код: '&lt;a href=./?page=1&gt;&amp;nbsp;&lt;button...

Как сделать checkbox активным по умолчанию в bootstrape?
&lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-md-1 chek-box&quot;&gt; &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
13.05.2013, 15:05 2
А где активация ?
0
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
13.05.2013, 15:11  [ТС] 3
Цитата Сообщение от Soldado Посмотреть сообщение
А где активация ?
добавлял активацию - все равно не работает!!!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Шаблон</title>
    <!-- Bootstrap -->
 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
  
  
   <a href="#" id="example" class="btn btn-danger" rel="popover" data-content="Экстра полезный контент. Завораживает и вдохнавляет, неправда ли?" data-original-title="Заголовок">Наведи сюда</a>
   
   <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    
    
    <script type="text/javascript">
    $('#example').popover(options)
    </script>
 
    
  </body>
</html>
0
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
13.05.2013, 16:05 4
options - это обозначение опции, а не сама опция, на это место можно записывать show, hide, toggle или ничего не записывать.
Вот код - вставьте как есть
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
  <head>
    <title>bootstrap-popover</title>
    
 <link href="http://bootstrap-ru.com/203/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />    
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://bootstrap-ru.com/203/assets/js/bootstrap-tooltip.js"></script> 
<script src="http://bootstrap-ru.com/203/assets/js/bootstrap-popover.js"></script>  
 <script type="text/javascript">
$(document).ready(function(){
 
$('#element').popover();
             
 });/*end  ready*/
 </script>
    
  </head>
  <body style="padding:180px;">
<a href="#" id="example" class="btn btn-danger" rel="popover" data-content="Экстра полезный контент. Завораживает и вдохнавляет, неправда ли?" data-original-title="Заголовок">Наведи сюда</a>
</body>
</html>
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru