2017-02-25 4 views
1

イオンレンジライダーをhttp://ionden.com/a/plugins/ion.rangeSlider/en.htmlから使用しようとしていますが、私が持っているように見える問題は、CSSをロードしてスライダーをスタイル設定することができないということです。これまで私が行ってきたことがあります。Aurelia CLIでイオンレンジライダーを使用する

NPMは

{ 
    "name": "ion-rangeslider", 
    "path": "../node_modules/ion-rangeslider", 
    "main": "js/ion.rangeSlider.min", 
    "resources": [ 
     "css/ion.rangeSlider.css", 
     "css/ion.rangeSlider.skinHTML5.css" 
    ] 
} 

app.js

import {ionRangeSlider} from 'ion-rangeslider'; 

attached(){ 
    $('.slider').ionRangeSlider({ 
     values: [15, 30, 1, 3, 6, 12, 24] 
    }); 
} 

アプリイオンrangeslider --save-devの

aurelia.jsonをインストールし実行した後

。 html

<input type="text" class="slider" /> 

このすべての結果は次のようになります。

enter image description here

すべてのヘルプ大幅にあなたが非常に接近していた

答えて

1

をaappreciatedています。

<require from="ion-rangeslider/css/ion.rangeSlider.css"></require> 
<require from="ion-rangeslider/css/ion.rangeSlider.skinHTML5.css"></require> 

の結果:

img

私はアプリhere

にプッシュしている唯一の事私はapp.htmlでこれらの2行はれたこの作業を取得するために追加する必要が
関連する問題