Question

我正在尝试在插件qTip2的文本中添加一些换行符，但没有任何成功。

到目前为止，我已经尝试<br/>，<p>和white-space: pre-line但没有取得任何成功。

我一直在谷歌搜索，但找不到任何有用的东西。我希望我的最终结果是：

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

在用于获取工具提示值的代码中使用html()代替text()。

FIDDLE DEMO

Answer 2

对于其他想要qtip换行符的人，您也可以使用：

<br/>

在你的文字中。例如，您将要显示的字符串设置为

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

其余的仍然是一样的。 qtip将识别它并为它创建一个新的线。

Answer 3

请检查此JS Fiddle Code

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.

qTip2（工具提示）换行不起作用

3 个答案: