Форум программистов, компьютерный форум, киберфорум
Наши страницы

jQuery

Войти
Регистрация
Восстановить пароль
 
Рейтинг: Рейтинг темы: голосов - 20, средняя оценка - 4.90
Sergio Aguero
448 / 439 / 15
Регистрация: 11.04.2012
Сообщений: 2,074
#1

Popovers на bootstrape - jQuery

13.05.2013, 13:14. Просмотров 2528. Ответов 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
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Popovers на bootstrape (jQuery):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

Или воспользуйтесь поиском по форуму:
3
Soldado
730 / 721 / 4
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
13.05.2013, 15:05 #2
А где активация ?
0
Sergio Aguero
448 / 439 / 15
Регистрация: 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
730 / 721 / 4
Регистрация: 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
13.05.2013, 16:05
Ответ Создать тему
Опции темы

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