页眉/页脚外的Typeahead模板建议

Question

我有打字和猎犬设置和工作，有空，页眉，页脚和建议模板：

let menu_template  = '<li class="collection-item">';
    menu_template += '  <p class="title">{{ title }}</p>';
    menu_template += '  <p>{{ summary }}</p>';
    menu_template += '</li>';

$(".search-box").typeahead({
    hint: true,
    highlight: true,
    minLength: 1
}, {
    source: this.engine.ttAdapter(),
    name: 'news-list',
    templates: {
        empty: [
            '<ul class="collection"><li class="collection-item">Nothing found.</li></ul>'
        ],
        header: [
            '<ul class="collection">'
        ],
        suggestion: Handlebars.compile(menu_template),
        footer: [
            '</ul>'
        ],
    }
});

但由于某种原因，建议是在页眉和页脚之外呈现的。我得到一个空的<ul>标记，后面有我的建议列表项。

我该如何解决这个问题？