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;
  }

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

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>'