Bootstrap 3 Dropdown на iPad не работает
Следующие работы для меня ... Объекты S3:
s3://bucket/
form1/
section11/
file111
file112
section12/
file121
form2/
section21/
file211
file112
section22/
file221
file222
...
...
...
С помощью:
from boto3.session import Session
s3client = session.client('s3')
resp = s3client.list_objects(Bucket=bucket, Prefix='', Delimiter="/")
forms = [x['Prefix'] for x in resp['CommonPrefixes']]
получаем:
form1/
form2/
...
С :
resp = s3client.list_objects(Bucket=bucket, Prefix='form1/', Delimiter="/")
sections = [x['Prefix'] for x in resp['CommonPrefixes']]
получаем:
form1/section11/
form1/section12/
6 ответов
Я понял это. Мне не хватало href = "#" в моем теге привязки. Он работал нормально в других браузерах, но не Chrome или Safari на IOS. Работает нормально сейчас. Вот окончательный код для всех, кого это интересует:
<div class="dropdown">
<a class="dropdown-toggle" id="ddAction" data-toggle="dropdown" href="#">
Action
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="ddaction">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="http://www.google.com">Open Google</a>
</li>
</ul>
</div>
И рабочий пример здесь: http://www.bootply.com/104147
версии сафари, которые мы тестировали на iOS, неправильно интерпретируют исходный z-индекс. Увеличьте z-индекс в выпадающем меню. Вместо того, чтобы нажимать на элемент, он скрыт и меню закрывается. Чтобы заставить Safari работать, нам нужно было переопределить загрузочный z-index: initial.
.dropdown-menu {
z-index: 25000 !important;
}
Если вы не хотите использовать тег <a> или добавить избыточный атрибут href, вы можете просто применить cursor:pointer css к элементу, и он будет работать
Вы также можете добавить класс к вашему тегу, называемому clickable. Это класс начальной загрузки. Устанавливает курсор CSS: указатель.
<a class="clickable"></a>
У меня только что была такая проблема - когда выпадающее меню Bootstrap 3 navbar не открывалось на iPad mini 2 (но работало на iPhone 7 и различных настольных компьютерах / ноутбуках). После отладки непосредственно на iPad, я обнаружил, что проблема заключалась в использовании «let» вместо «var» внутри функции js. Как только я переключил «давай на», все было хорошо. Просто хотел добавить это здесь на случай, если это (или удаление аналогичной устаревшей функции) окажется исправлением и для кого-то еще!
Переключатель целевой загрузки не работал у меня на iPhone / iPad WebKit. В итоге я переключил шоу-класс вручную, когда нажал на выпадающий контейнер
$scope.showDropdown = function(dropdownManuId) {
var element = document.getElementById(dropdownManuId);
if( element.classList.contains("show") ) {
element.classList.remove("show");
} else {
element.classList.add("show");
element.focus();
element.scrollIntoView();
}
};