Нажмите не работает в мобильных браузерах

0

У меня есть следующая проблема: у меня есть

<ul>
  <li>
     <a href="/">main page</a>
  </li>
</ul>

Это будет работать на любом настольном браузере, но не нажимает на Ipad/Iphone и Android.

  • 0
    Это не Android. Почему это с тегом "Android"?
  • 1
    Вы говорите, что это не работает в мобильных браузерах? Если так, то проблема определенно вызвана чем-то другим. Вы используете библиотеку, например, jQuery UI?
Показать ещё 2 комментария
Теги:
ipad

1 ответ

1
Лучший ответ

эта проблема связана с устройствами (Ipad/Iphone, Android-телефонами), как вы упомянули. событие вызова события event.stopPropagation() за то, что вы не смогли выполнить действие. Чтобы решить вашу проблему, у вас есть 2 решения: -do не помещает ваш код внутри

<ul> and <li> and the code will be like that 

<div>
   <a href="/"> main page</a>
</div>

-The второе решение создает новую директиву eventStop

<ul>
 <li>
   <a href="/" stop-event="touchend">main page</a>
 </li>
</ul>

и директива

.directive('stopEvent', function() {
        return {
            restrict: 'A',
            link: function(scope, element, attr) {
                element.on(attr.stopEvent, function(e) {
                    e.stopPropagation();
                });
            }
        };
    });
  • 0
    да, это работает. спасибо @monah

Ещё вопросы

Сообщество Overcoder
Наверх
Меню