Проблемы обновления версии jQuery: TypeError: $ (...). Слайдер не является функцией - PullRequest
Новая
       35

Проблемы обновления версии jQuery: TypeError: $ (...). Слайдер не является функцией

0 голосов
/ 20 сентября 2018

Я обновил свою версию jQuery с 2.1.1 до 3.3.1.

После миграции версии я не могу видеть, как функционирует мой слайдер.

Я включил оба jquery.min.js and jquery-ui.min.js.

Пожалуйста, дайте мне знать, если я что-то упустил.

Фрагмент кода, на который указывает ошибка: 

    var slider = $(elem).slider({
        range: "min",
        value: scope.config.mapValues.indexOf(scope.bandwidth),
        min: scope.config.min,
        step: scope.config.step,
        max: scope.config.mapValues.length-1,
        disabled: scope.disabledFlag,
        slide: function(event, ui) {
            if(ui.value > scope.maxLimit){
                return false;
            }
            scope.$apply(function() {
                scope.slideValue = scope.config.mapValues[ui.value];
            });
        },
        stop: function( event, ui ) {
            if(scope.bandwidth > scope.maxLimit){
                scope._resetBandWidth();
                scope.$apply(function() {
                    var currentValue = scope.config.mapValues[scope.maxLimit];
                    if(ui.value <= scope.maxLimit) {
                        currentValue = scope.config.mapValues[ui.value];
                    }
                    scope.bandwidth = currentValue;
                    scope.slideValue = currentValue;
                });
                return false;
            }
            scope.$apply(function() {
                var bandwidthValue = scope.config.mapValues[ui.value];
                scope.bandwidth = bandwidthValue;
                scope.slideValue = bandwidthValue;
            });
        }
    }).append(disableDiv);

Ниже на изображениях показана ошибка, которую я вижу в консоли.slider is not a function error image

jQuery-UI - «Не удается прочитать свойство« шаг »из неопределенного» изображение ошибки »

1 Ответ

0 голосов
/ 21 сентября 2018

Привет @Suhasini Venkatesh,

Может быть проблема с минимизированным JS.Вместо использования jquery.min.js используйте jquery-3.3.1.js с вашим jquery-ui.min.js.

<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>

Редактировать:

Slim удаляет некоторые функции, необходимые для jQuery UI, очевидно.Чтобы это исправить, используйте полную версию jQuery.подробнее см. это

Надеюсь, что это работает для вас.Если нет, дайте мне знать в комментариях.

...