JS скрипт применяется только после изменения размера окна

Я использую внешнюю библиотеку - SwipeJS - для слайда с сенсорным изображением, и он работает только при изменении размера моего окна браузера.JS скрипт применяется только после изменения размера окна

У меня есть изображения в Размах контейнер, как это внутри тела:

<div id='mySwipe' style='max-width: 500px; margin: 0 auto' class='swipe'> 
<div class='swipe-wrap'> 
<div> 
    <img src="css/images/image4.jpg" width="100%" /> 
</div> 
<div> 
    <img src="css/images/image2.jpg" width="100%" /> 
</div> 
<div> 
    <img src="css/images/image3.jpg" width="100%" /> 
</div> 
</div> 
</div>

И, я загрузке сценария салфетки прямо в конце тела, чтобы убедиться, что документ готов - как предложил автор библиотеки. Библиотека загружается внутри контейнера <head>.

<script> 
    var elem = document.getElementById('mySwipe'); 
    window.mySwipe = Swipe(elem, { 
     startSlide : 1, 
     auto : 3000, 
     continuous : true 
    }); 
</script>

Я попытался проверить, если документ будет готов с $(document).ready(function() { }, но это решение не работает.

источник

2013-10-04 civiac

У вас возникли ошибки в консоли JavaScript? Что вы подразумеваете под «... но это решение тоже не работает»? –

@AlexW Нет никаких ошибок в консоли. Кроме того, я имею в виду, что добавление кода внутри функции готовности документа не сработало, что ползунок все еще не работает – civiac

Вы пробовали использовать пример по умолчанию для виджетов только с вашими незначительными трюками?

<script> 
    var slider = Swipe(document.getElementById('mySwipe'), { 
     startSlide: 1, 
     auto: 3000, 
     continuous: true, 
     disableScroll: false, 
     stopPropagation: false, 
     callback: function(index, elem) {}, 
     transitionEnd: function(index, elem) {} 
    }); 
</script>

источник

2013-10-04 15:03:08 Speedy

Да, я пробовал это, и он не работает ни – civiac

JS скрипт применяется только после изменения размера окна

ответ

Смежные вопросы