twitter bootstrap的popover内容中的子弹点

Question

我试图在popover内容中显示项目符号，但由于某种原因，它没有显示。

popover内容是动态填充的，实际数据来自服务器（请参阅notesFromServer变量）

Fiddler： https://jsfiddle.net/99x50s2s/108/

var verificationNotes = '';
var notesFromServer = "This is test note 1 \r\n This is test note 2";

if (notesFromServer != '') {
    verificationNotes += '<strong>Notes</strong></br>';
    var certNotesArr = notesFromServer.split('\r\n');
    verificationNotes += '<ul>' +
        $.each(certNotesArr, function (i, certNote) {
              verificationNotes += "<li>" + $.trim(certNote) + "</li>";
    });
    verificationNotes += '</ul>';                   
}

if (verificationNotes != '') {
    verificationNotes = '<span class="failed" data-toggle="popover" title="Note" data-content="' +    verificationNotes + '" data-trigger="hover" data-placement="bottom" data-html="true">View</span>';
}

$('#DynamicContent').append(verificationNotes);
$('[data-toggle="popover"]').popover();

期望：

“这是测试笔记1，这是测试笔记2”应该出现在单独的项目符号中。

任何建议都表示赞赏。

Answer 1

verificationNotes += '<ul>'后你有一个额外的加号，它应该是

var verificationNotes = '';
var notesFromServer = "This is test note 1 \r\n This is test note 2";

if (notesFromServer != '') {
    verificationNotes += '<strong>Notes</strong></br>';
    var certNotesArr = notesFromServer.split('\r\n');
    verificationNotes += '<ul>';
        $.each(certNotesArr, function (i, certNote) {
              verificationNotes += "<li>" + $.trim(certNote) + "</li>";
    });
    verificationNotes += '</ul>';                   
}

if (verificationNotes != '') {
    verificationNotes = '<span class="failed" data-toggle="popover" title="Note" data-content="' +    verificationNotes + '" data-trigger="hover" data-placement="bottom" data-html="true">View</span>';
}

$('#DynamicContent').append(verificationNotes);
$('[data-toggle="popover"]').popover();