繁体   English   中英

无法在 IOS Safari 上访问 object,但适用于桌面 Chrome

[英]Cannot access object on IOS Safari, but works on Desktop Chrome

我创建了一个 JavaScript 过滤器 object 并将其包含在 laravel 刀片中。ZE1BFD762321E409CEE4AC0B6 文件。 当试图访问 windows 10 Chrome 上的 object 时,它可以工作,但在 IOS Z50DE9BC68C93DC32D8C70Z7C05 上仍然未定义。

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'])

在桌面上我得到明确的警报 object object,但在移动设备上未定义或根本没有警报。

解决方案是,ios 13.1.3 无法理解 JS 箭头函数和模块。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM