Я использую данный скрипт в приложении на андройд, и почему-то именно в версии 4.3 происходит вылет при нажатии кнопок листания.
Получается не ахти. Зависаю уже на
p[i], а что делать с
if(event.target.classList.contains("next") ) {
selected = selected.next('p').size()? selected.next():p.first() ;
}
else {
selected = selected.prev('p').size()? selected.prev():p.last();
}
вообще не пойму.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>selectable demo</title>
<style>
p{ display: none; }
.selected { display: block; }
</style>
<script>
window.onload = function(){
var p = document.querySelector("p"), i = localStorage.getItem("indx");
p[i].classList.add("selected");
document.querySelector('.next, .prev').addEventListener('click', function(event){
event.preventDefault();
var selected = document.querySelector(".selected");
selected.classList.remove("selected");
if(event.target.classList.contains("next") ) {
selected = selected.next('p').size()? selected.next():p.first() ;
}
else {
selected = selected.prev('p').size()? selected.prev():p.last();
}
selected.classList.add("selected");
i = p.index(selected);
localStorage.setItem("indx", i);
}, false);
}
</script>
</head>
<body>
<a href="" class="prev">prev</a> <a href="" class="next">next</a>
<p>1</p><p>2</p><p>3</p>
</body>
</html>
Буду благодарен за помощь
