Как мне получить li: наведите курсор на правильную работу на мобильных устройствах?li: выпадающее меню hover на мобильных устройствах
На Iphone он даже не открыт, на андроид не закрывает после прикосновения: S
Я хочу создать меню пользовательских раскрывающийся и мне нужно JavaScript, чтобы получить информацию от литий, который кликнули ,
<!DOCTYPE html>
<title>li:hover dropdown menu on mobile devices</title>
<style>
li ul{display:none}
li:hover ul{display:block}
</style>
<ul>
<li><div id=div>chose</div>
<ul>
<li id=li data-info="som data">level 2
</ul>
</ul>
<script>
window.onload = function(){
document.getElementById('li').onclick = function(){
document.getElementById('div').innerHTML = document.getElementById('li').getAttribute('data-info');
}
}
</script>
В мобильном устройстве нет события hover –
Это нехорошо, как это сделать id = div, закрыть это с помощью цитат, подобных этому id = "div" –
спасибо shakti :) C-Link, в html-5 цитаты arn 't необходимо, если не используются: пробелы, двойные и одиночные кавычки, знак равенства, знак больше, чем знак. Но спасибо за информацию! – user1087110