2015-06-05 2 views
-2

Кто-нибудь знает, как сделать следующий код swipable на мобильных устройствах? Метод настоящее время я использую можно найти на ohessbert.com/mobile/story.htmСделать swipable на мобильных устройствах

<script> 
     var links = document.querySelectorAll(".heart"); 
     var wrapper = document.querySelector("#wrapper"); 
     var activeLink = 0; 
     for (var i = 0; i < links.length; i++) { 
      var link = links[i]; 
      link.addEventListener('click', setClickedItem, false); 
      link.itemID = i; 
      } 
     links[activeLink].classList.add("active"); 
     function setClickedItem(e) { 
     removeActiveLinks(); 
     var clickedLink = e.target; 
     activeLink = clickedLink.itemID; 
     changePosition(clickedLink); 
     } 
     function removeActiveLinks() { 
     for (var i = 0; i < links.length; i++) { 
     links[i].classList.remove("active"); 
      } 
     } 
     function changePosition(link) { 
      link.classList.add("active"); 
      var position = link.getAttribute("data-pos"); 
      wrapper.style.left = position; 
     } 
</script> 
+1

Что вы подразумеваете под "swipeable"? –

+0

Ну, я хочу, чтобы пользователь имел возможность прокручивать содержимое в слайдере, если они выбирают на своем мобильном устройстве, не реагируя на индикаторы сердца. –

ответ

-1

Вы можете использовать Swiper API в вашем коде. Он работает очень хорошо в мобильных устройствах. http://www.idangero.us/swiper/api/#.VXHjE0Zs5jQ

+0

Хотя это может теоретически ответить на вопрос, [было бы предпочтительнее] (http://meta.stackoverflow.com/q/8259) включить основные части ответа здесь и предоставить ссылку для справки. –

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