2015-08-29 1 views
0

Я столкнулся с проблемой с событием крана на мобильных устройствах.проблема с событием на мобильном телефоне

создать 3 div с одинаковой высотой. Нажмите на второй div, чтобы скрыть первый div, и он вызовет событие на третьем div.

Пример кода: воспроизводимая в хромированной тренажере устройства

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>phone issue</title> 
</head> 
<style type="text/css"> 
    .hide { 
    display: none; 
} 
#one, #two, #three { 
    width: 100%; 
    height: 150px; 
    border: 1px solid #000; 
} 
</style> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#two').on('tap', function() { 
      $('#one').toggle(); 
     }); 

     $('#three').on('tap', function() { 
      alert('you just clicked me!'); 
     }); 
    }); 
</script> 
<body> 
<div id="one">hide</div> 
<div id="two">main</div> 
<div id="three">click</div> 
</body> 
</html> 

ответ

0

пытаются использовать «нажмите кнопку» событие вместо «водопроводная» события. Я запускаю ту же проблему и решаю ее, используя событие «click». Подробнее см. Документацию для мобильных устройств jquery: https://api.jquerymobile.com/vclick/. С уважением.

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

  • Нет связанных вопросов^_^