Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как использовать 2 объекта waypoints на странице?

Как использовать 2 объекта waypoints на странице?


     04.04.2017    Все вопросы » jQuery    1556

вопрос
Всем привет, столкнулся с такой проблемой: мне нужно сделать табы, при нажатии в область под ними загружается контент, при переключении на другой предыдущий меняет свойство 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>

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 06.05.2013 severnake  jQuery
 07.02.2014 Бахтияр_Османов  jQuery
наверх