ссылка href не активируется на мобильном телефоне - PullRequest
Новая
       38

ссылка href не активируется на мобильном телефоне

1 голос
/ 13 марта 2012

Я нахожусь в процессе тестирования на совместимость с различными браузерами на временной шкале, которую я создал здесь: http://bmcmahen.com/timeline/timeline.html

Я пытаюсь использовать верхнюю часть, чтобы при нажатии на запись на временной шкале открывалось новое окно, содержащее дополнительную информацию. Это хорошо работает в любом браузере, кроме Safari Mobile. С мобильным Safari даже обычные ссылки даже не кликабельны в div. Это говорит мне о том, что (а) это не ошибка javascript (которая подкрепляется мобильным отладчиком safari, который не сообщает о каких-либо ошибках), и (б) что-то связанное с css, или как Safari (только для мобильных устройств) обрабатывает сенсорные события.

Код в отображаемом виде: 

  <div style="position: absolute; top: 350px; left: 92.48811740233592px; " class="timeline-event timeline-event-box">
    <div class="timeline-event-content">
     <div style="">
       <a href="fallback.html" title="Testing a link in mobile Safari." onclick="return hs.htmlExpand(this)">
        <p class="name">I should open a highslide window</p>
    </a>
    <p class="date"><a href="http://www.google.com">Regular Link</a></p>
    <div class="highslide-maincontent">
        This is the main content. 
    </div>
  </div>
</div>

Этот пример узла можно увидеть слева, около 1860 года. CSS доступен через веб-инспектор или firebug.

ОБНОВЛЕНИЕ: Я могу ошибаться из-за проблемы с CSS. Я отключил обработчики сенсорных событий, которые поставляются с API-интерфейсом timeline.js, и в то время как перехват и прокрутка больше не работают со свайпами, ссылки теперь работают.

...