2015-12-31 3 views
2

Я уже просматривал несколько сообщений о переполнении стека, задавая практически тот же вопрос, но ничто из того, что я нашел по этим вопросам, не помогло. Я очень новичок в JQuery и Bootstrap, поэтому, возможно, я просто пропустил какую-то очень простую вещь.Невозможно сменить бутстрап Название подсказки

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

<canvas id="bag0" data-toggle="tooltip" title="test"> 
</canvas> 
... 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

$(document).ready(function(){ 
      $('#bag0').data('tooltip',false)   
        .tooltip({ title: 'new text'}); 
      $('[data-toggle="tooltip"]').tooltip(); 

}); 

Этот метод для изменения названия был указан из публикации: How to overwrite twitter bootstrap tooltip?

Всплывающая подсказка всегда читает «тест». Я переделал несколько других вещей безрезультатно. Я подозреваю, что упускаю из виду что-то очевидное.

+0

По этой ссылке вы упомянули, что ответы государства в загрузчике v3 она использует данные ('BS .tooltip ') not data (' tooltip '). – Help

+0

О да, я попробовал это, и он не работал (просто попробовал еще раз.) Забыл изменить это в сообщении. – Khaines0625

+0

'$ (# bag0 '). Tooltip (' destroy '). Tooltip ({title:" new text "})'. Как насчет этого? –

ответ

1

Это может помочь

$('[data-toggle="tooltip"]').attr("title","NEW TEXT"); 

Если вы хотите для конкретного элемента, скажем <div>

$('div[data-toggle="tooltip"]').attr("title","NEW TEXT"); 
+0

Это действительно изменило всплывающую подсказку. Однако не изменится ли все экземпляры всплывающей подсказки на всех элементах страницы? Я планирую иметь много подсказок и хочу изменить их индивидуально. – Khaines0625

+0

Просто поместите элемент в селектор, который вы хотите изменить '$ ('YOUR_DIV [data-toggle =" tooltip "]'). Attr (« title »,« NEW TEXT »);' – Hemal

+0

Это сделало трюк. Благодарю. – Khaines0625

22

$(element).attr('title', 'NEW_TITLE').tooltip('fixTitle').tooltip('show');

Приведенный выше код может помочь вам.

$ .tooltip (string) вызывает любую функцию в классе Tooltip. И если вы посмотрите на Tooltip.fixTitle, он извлекает атрибут data-original-title и заменяет его значением.

Вы можете использовать идентификатор элемента или класс, чтобы сделать его более конкретным.

  • Помощь :)
+0

Благодарим за информацию. – Khaines0625

+0

Рад помочь :) – Help

Смежные вопросы