1

我有以下脚本:

    $('#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 样式,而不是直接将它添加到我的模板中?

4

1 回答 1

0

想通了...只是替换backgroundbackground-image,如下:

    template: '{{value}}<div class="template-wall-dropdown" 
          style="background-image:url(\'{{image}}\');"></div>'
于 2013-05-13T12:39:19.393 回答