Не удается получить доступ к объекту в IOS Safari, но работает в Desktop Chrome - PullRequest
2 голосов
/ 27 октября 2019

Я создал объект фильтра JavaScript и включил его в файл laravel blade.php. При попытке получить доступ к объекту в Windows 10 Chrome он работает, но в IOS Safari или Chrome я все еще получаю неопределенное значение.

var filter = new Filter();

var handlesSlider = document.getElementById('filter-price');

var min = parseInt(handlesSlider.dataset.min);
var max = parseInt(handlesSlider.dataset.max) + 1;

noUiSlider.create(handlesSlider, {
    start: [min, max],
    tooltips: true,
    connect: true,
    margin: 5,
    range: {
        'min': min,
        'max': max
    },
    format: {
        // 'to' the formatted value. Receives a number.
        to: function (value) {
            return `${Math.round(value)}€`
        },
        // 'from' the formatted value.
        // Receives a string, should return a number.
        from: function (value) {
            return Number(value.replace(',-', ''));
        }
    }
});


var json = {!! $json !!};
handlesSlider.noUiSlider.on('change.one', function (e) {  

    const min = e[0].replace("€", "");
    const max = e[1].replace("€", "");   

    var filteredProducts = json
    .filter(product =>         
        parseInt(product.price) >= min && 
        parseInt(product.price) <= max);

    filter.render(document.querySelector("{{ $selector }}"), filteredProducts);        
});
filter.render(document.querySelector("{{ $selector }}"), json);       
alert(filter);

И включение его в другой файл как:

 @include('components.filter', ['min' => $min, 'max' => $max, 'json' => 
 $products->toJson(), 'selector' => '.product-list__products'])

На рабочем столе я получаю четкий объект объекта оповещения, но на мобильном телефоне не определен или оповещения вообще нет.

1 Ответ

0 голосов
/ 28 октября 2019

Решение состояло в том, что ios 13.1.3 не может понимать функции JS Arrow, а также модули.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...