css - 使用 hogan.js 和 typeahead.js 在 html 标签上丢失样式

Question

我有以下脚本：

    $('#Entity_Wall').typeahead({
        name: 'walls',
        remote: "http://localhost/getsomestuff?text=%QUERY',
        limit: 10,
        template: '{{value}}<div class="template-wall-front-farthest" 
             style="background:url(\'{{image}}\');</div>',
        engine: Hogan
    });

我有以下样式表：

 .template-wall-front-farthest {
        float: left;
        margin-right: 5px;
        background-position: -132px -2px;
        width: 16px;
        height: 19px;
        background-repeat: no-repeat;
  }

应用我的打字前模板时，我的背景图像没有正确定位。它向左浮动并且具有正确的尺寸，只是位置错误。为了让它工作，我必须修改我的模板：

template: '{{value}}<div class="template-wall-front-farthest" 
     style="background:url(\'{{image}}\');background-position: -132px -2px;"></div>'

有什么办法可以利用我的 css 样式，而不是直接将它添加到我的模板中？

Answer 1

想通了...只是替换background为background-image，如下：

    template: '{{value}}<div class="template-wall-dropdown" 
          style="background-image:url(\'{{image}}\');"></div>'