Wie auch immer, ich habe vor kurzem angefangen, bxslider zu verwenden, und ich habe ein Problem damit.

Es scheint, als würde die Größe des Ansichtsfensters beim Laden der Seite falsch berechnet, was bedeutet, dass es auf Mobilgeräten, Tablets usw. nicht gut funktioniert.

Das Seltsame ist, wenn ich die Größe des Browserfensters (auch nur für einen Pixel) verändere, wird die Höhe des Ansichtsfensters korrekt berechnet und alles sieht gut aus. Aber wenn ich die Seite mit der gleichen Höhe und Breite aktualisiere, wird das bx-Ansichtsfenster nicht korrekt berechnet.

Irgendeine Idee, warum das passiert?

HTML sieht ungefähr so ​​aus (und mir ist klar, dass es wahrscheinlich nichts damit zu tun hat, aber immer noch):

<ul class="seminars-slider">
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa, lundium ultrices, sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>

    // same li
    <li>
        <article class="education-article">
            <h3><a href="#"> Sit tincidunt eros massa, lundium ultrices, sit in aliquet velit</a></h3>
            <p>LOL1</p>
            <div class="buttons">
                <a href="#" class="book-button"><span>Book now</span></a>
                <a href="#" class="read-more"><span>Read more</span></a>
            </div>
            <div class="clearall"></div>

        </article>
    <div class="clearall"></div>
    </li>
</ul>          

js call sieht so aus:

slider=jQuery('.seminars-slider').bxSlider({
    mode: 'vertical',
    controls:false,
    pager:false,
    minSlides:2,
    maxSlides:2,
    moveSlides:1
});

jQuery('.up-control').click(function() {
    slider.goToNextSlide();
});
jQuery('.down-control').click(function() {
    slider.goToPrevSlide();
});

Vielen Dank.