Как динамически добавлять текст в заголовок при наведении мыши?

0

У меня есть карта с поли областями, много от них, и у каждой области есть заголовок, когда мой указатель мыши закончился. Как динамически добавлять текст в заголовок? Могу ли я получить заголовок перед показом по умолчанию и добавить новый текст?

Объяснение:

Добавьте в hardcoded название внутри html нового случайного текста.

  • 3
    Вы должны поделиться своим HTML + JS-кодом.
  • 0
    JQuery может сделать это с помощью команды attr.
Показать ещё 1 комментарий
Теги:

3 ответа

1
Лучший ответ

Если вы имеете в виду атрибут title. Вы можете изменить его динамически следующим образом:

$('div').hover(function () {
    this.title = 'new title';
});

DEMO

Однако, если вы изменяете title пока он уже показан браузером, вы заметите, что сообщение всплывающей подсказки не будет обновляться. Я пробовал разные способы, включая замену текущего элемента клонированным элементом (который имеет другой заголовок) и программным образом запускает события мыши, но кажется, что нет способа обновить его.

1

Вы можете использовать псевдоэлемент CSS

.myDiv {
//whatever
}

.myDiv:hover:after {
  content: "some added text";
  display: inline-block;
}
1
$('.class_of_title').hover( function(){
   $(this).append('added title');
});

Вероятно, вы ищете функцию Jover Hover

  • 0
    Он будет добавляться при каждом наведении, вы можете выбрать текст атрибута, добавить заголовок и использовать .html ()

Ещё вопросы

Сообщество Overcoder
Наверх
Меню