离子rangeslider没有得到显示(ion-rangeslider not getting di

2019-10-29 15:53发布

我试图用离子rangeslider在我的反应中的应用。 但它没有显示出来与网页UI。 我初始化它我这样componentDidMount方法

componentDidMount =()=> {

    $("#ionSlider-newTag").ionRangeSlider({
        min: 0,
        max: 5000,
        type: 'double',
        postfix: 's',
        maxPostfix: "+",
        prettify: false,
        hasGrid: true,
        from: 1600,
        to: 2950
    });

但在网页已经越来越显示出这样的

应该是这样的

我也试过不使用jQuery初始化

var slider = document.getElementById('ionSlider-newTag');

        ionRangeSlider.create(slider,{
            min: 0,
            max: 5000,
            type: 'double',
            postfix: 's',
            maxPostfix: "+",
            prettify: false,
            hasGrid: true,
            from: 1600,
            to: 2950
        });

但它给了我错误说

Uncaught TypeError: _ionRangeslider2.default.create is not a function

我曾经创建初始化noUiSlider,并在那里工作。 但是,创建不与ionrangeslider工作。

我怎样才能解决售后服务这个完整的问题呢?

文章来源: ion-rangeslider not getting displayed