流失风格

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