2014-09-11 3 views
2

Не мог бы кто-нибудь помочь мне. Я ищу решение для установки maxwidth на всплывающей подсказке Tooltipster. Я не говорю о области, которая активирует всплывающую подсказку, я говорю о пузыре всплывающей подсказки. Когда я помещаю несколько предложений текста в всплывающую подсказку, он растягивается слева направо от моего экрана и иногда уходит со страницы. Я хочу, чтобы можно было установить максимальную ширину, скажем 400px, где что-то избыточное было бы разбито на новую строку.Tooltipster maxWidth setting

tooltipster-maxwidth

Я уже проверил и попытался изменить это в яваскрипта файла:

MaxWidth Установить максимальную ширину подсказки. По умолчанию: null (без максимальной ширины)

Но ничего не произошло. Он по-прежнему выглядит так, как на скриншоте. Может быть, потому, что я применил его к тегу абзаца? Я попытался применить его к тегу span вместо этого, но он сделал то же самое.

ответ

5

maxWidth вариантом, который дается с Tooltipster является тот, который должен быть передан в функцию tooltipster() при инициализации самой подсказки, т.е.

$('.tooltip').tooltipster({ 
    // Other setup goes in here as key:value pairs 
    'maxWidth': 500 
}); 

Из приведенного выше примера, это будет «ограничивать» свои всплывающие подсказки к занимают максимальную ширину 500 пикселей. Я установил очень простой JSFiddle, в котором представлены различные примеры с пользовательскими параметрами maxWidth, которые должны помочь вам с синтаксисом.

Надеюсь, это поможет :)

+0

Большое спасибо, сэр! Код, который вы упомянули выше выглядит немного отличается от моего, но я все-таки удалось получить эту работу: '; (функция ($, окна, документ) { \t вар pluginName =«tooltipster», \t \t по умолчанию = { \t \t \t MaxWidth: 500, \t \t};! ' – Jonny

+0

Я на самом деле уже пробовали это раньше, но забыл, что я использовал уменьшенная JS Doh :) – Jonny

+0

Я просто хотел сказать, что выглядит как уменьшенная код;) Нет проблем, ну это всегда здесь для справок в будущем: D – zesda

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