hover не срабатывает с первого раза

pronax

Постоялец
Регистрация
20 Сен 2008
Сообщения
147
Реакции
10
Всем привет.
есть такой код:
Код:
    $(document).ready(function(){
        $('.pop').hover(function(){
          $(this).popover({
            html : true,
            content: function() {
              return $('#popdown_'+ $(this).attr('id')).html();
            }
          });
          return false;
        });
    });

При наведении на класс "pop" должен появляться popover, но он появляется только когда повторно наводишь на на div c классом pop. Как можно сделать чтобы с первого раза срабатывал?

P.S. задача стоит чтобы popover срабатывал на большое количество элементов div с разными id
 
Если не секрет, то для чего это нужно? Если для всплывающих подсказок при наведении на объекты, то проще использовать плагины типа Для просмотра ссылки Войди или Зарегистрируйся- весь контент(который нужно показать) записывается элементу, на который наводится мышь, в title, нет необходимости плодить дополнительные блоки с нужным контентом. Вся запись для запуска сведется к одной строке: $('.pop').tooltip();
Ну а по вашему скрипту, я бы строчку:
return $('#popdown_'+ $(this).attr('id')).html();
заменил на:
return $('#popdown_'+ this.id).html();
 
Если не секрет, то для чего это нужно? Если для всплывающих подсказок при наведении на объекты, то проще использовать плагины типа Для просмотра ссылки Войди или Зарегистрируйся- весь контент(который нужно показать) записывается элементу, на который наводится мышь, в title, нет необходимости плодить дополнительные блоки с нужным контентом. Вся запись для запуска сведется к одной строке: $('.pop').tooltip();
Не секрет, это для bootstrap - Для просмотра ссылки Войди или Зарегистрируйся
Ну а по вашему скрипту, я бы строчку:
return $('#popdown_'+ $(this).attr('id')).html();
заменил на:
return $('#popdown_'+ this.id).html();
Спасибо за подсказку, правда не помогло)
Сейчас решил проблему вот так:
Код:
    $(document).ready(function(){
          $('div[id^="id_"]').popover({
            html : true,
            content: function() {
             return $('#popdown_'+ $(this).attr('id')).html();
            }
          });
    });
Но почему не срабатывал с первым кодом, мне не понятно. Если кто-то сможет объяснить, был бы благодарен.
 
Возможно на этот класс или на все классы были прикручены ещё какие-то воздействия... неплохо бы весь код целиком посмотреть... Если есть - выложите ссылку на Ваш ресурс
 
Назад
Сверху