qTip2 (всплывающая подсказка) разрыв строки не работает

Question

Я пытаюсь добавить какой-либо разрыв строки в текст плагина qTip2, но безуспешно.

Пока я пробовал <br/>, <p> а также white-space: pre-line без успеха.

Вы можете просмотреть полный пример http://jsfiddle.net/6asMt/1/

Я искал в Google, но не могу найти ничего, что работает. Я хотел бы, чтобы мой конечный результат был:

Date Start: 2014-04-08 10:00:00
Date End: 2014-04-10-10-00-00

И не

Date Start: 2014-04-08 10:00:00 Date End: 
2014-04-10-10-00-00

Answer 1

Пожалуйста, проверьте этот код JS Fiddle

Код JS:

$('a').each(function () {
    if ($(this).hasClass('qTip')) {
        var value = $(this).next('div:hidden').text();
        var title = $(this).attr('title');
        $('.qTip').qtip({
            style: {
                classes: 'qtip-bootstrap'
            },
            content: {
                title: title,
                //text: value // The problem is here (on the `text` option)
                text: $(this).next('div')[0].innerHTML
            }
        });
    }
});

Если у вас есть другие проблемы, пожалуйста, добавьте комментарий ниже.

С уважением D.

Answer 2

Просто используйте html() вместо text() в вашем коде используется для получения значения всплывающей подсказки.

FIDDLE DEMO

Answer 3

Для тех, кто хочет новую строку для qtip, вы также можете использовать это:

<br/>

в вашем тексте. например, вы устанавливаете строку, которую вы хотите отобразить, как показано ниже

$temp = "date begin: 1/8/2018<br/>date end: 2/8/2019";

В остальном все так же. qtip распознает его и создаст для него новую строку.