вопрос
Всем привет, столкнулся с такой проблемой: мне нужно сделать табы, при нажатии в область под ними загружается контент, при переключении на другой предыдущий меняет свойство display на none, НО, если использовать 1 waypoints, то работают они конечно же одновременно. Поэтому я решил создавать объекты waypoints и удалять при переходе по табам, скачав их новую библиотеку. Но и тут то не все так просто, теперь при подгрузке контента измененная страница не учитывается и waypoints срабатывает в том же первоначальном месте. Я сделал тестовую страницу, чтобы научиться пользоваться плагином. Чтобы проверить его работу Вы можете просто скопировать код и запустить в браузере, все скрипты грузятся через внешние адреса. Пробовал использовать freshAll(), но вместо этого плагин глючит и создается максимум картинок. Кто знает, как избавиться от этого недуга?
Сайт разработчика плагина
Сайт разработчика плагина
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script type="text/javascript">
$(function() {
var waypoint228 = new Waypoint({
element: document.getElementById('test'),
handler: function(direction) {
if(direction == "down") {
$('#load').prepend("<img src='http://savepic.ru/13491243.jpg'>")
}
}
, offset: 'bottom-in-view'
});
})
</script>
</head>
<body>
<img src='http://savepic.ru/13491243.jpg'>
<img src='http://savepic.ru/13491243.jpg'>
<img src='http://savepic.ru/13491243.jpg'>
<div id="load"></div>
<div id="test">Sometext</div>
</body>
</html>