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

typahead テンプレートを適用すると、背景画像が正しく配置されません。それは左に浮き、正しい寸法を持っていますが、位置が間違っています。それを機能させるには、テンプレートを変更する必要があります。

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

これをテンプレートに直接追加するのではなく、css スタイルを活用する方法はありますか?

4

1 に答える 1

0

それを考え出した...次のように に置き換えただけbackgroundですbackground-image：

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