Issues with jQuery 3.1.0

[pratyushpundir]

I seem to be having an issue running Slippry with jQuery 3.1.0.

Consider the markup:

<section class="some-slider">

    {% for slide in slides %}
    <!-- Single Slide -->
    <article>

        <!-- Slide Image -->
        <div class="image-content">
            <img src="{{ slide.path }}" alt="{{ slide.title }}">
        </div>
        <!-- Slide Image -->

    </article>
    <!-- Single Slide -->
    {% endfor %}

</section>

and the JS:

$('.some-slider').slippry({
    slippryWrapper: '<section class="sy-box some-slider-wrapper">',
    elements: 'article',
    adaptiveHeight: false,
    autoHover: false,
    auto: false,
    captions: false,
    transition: 'horizontal',
    loop: true,
    responsive: true
});

jQuery squacks with the following error:

Uncaught TypeError: Cannot read property 'indexOf' of undefined

The issue goes away if I use background images instead of <img> tags themselves. I do not wish to use background images but the actual <img> tags. When I inspect the page markup using devTools, I can see that all images loaded successfully without any issues. Even hard coding image paths still causes the issue.

Any idea why this might be occurring?

[pratyushpundir]

Please note that the issue does not occur when using jQuery 2.2.4.

[khflab]

the main question is: slippry supports jquery 3.x.x?

[biphobe]

Works fine when used with jQuery v3.2.1.