2017-08-01 61 views
15

Wystąpił problem z efektem hover, który pojawia się tylko na Safari 10.0.Problem efektu hover w Safari 10.0

W internecie jest tak: Manu Caballero

Co się dzieje jest to, że efekt działa radomly, albo nie działa w ogóle: Aby zobaczyć to działa, można użyć Chrome lub Firefox.

Najbardziej dziwne jest to, że na Safari 10.0, jeśli próbuję użyć inspektora, efekt aktywowania działa ... enter image description here

On Safari 10.1 i innych popularnych przeglądarek takich jak Chrome, Firefox ... działa idealnie.

+0

proszę podzielić kod. – Santhoshkumar

+0

Dzięki za komentarz @Santhoshkumar. To szablon na wordpress. Umieściłem link do sieci, aby w ten sposób można było sprawdzić. Dzięki. – Anfuca

+0

Pewnie, dzięki @anfuca ... – Santhoshkumar

Odpowiedz

6

Patrząc na tę stronę, wydaje się, że korzystasz z jQuery 1.12.4 i jQuery Migrate 1.4.1 - jest to wystarczające, jeśli potrzebujesz obsługi IE6, ale nie czegoś, czego bym oczekiwał jako wystarczającego dla Safari 10 (wydanego po tych starsze biblioteki).

Co więcej, wydaje się, że używasz Isotope 3.0.1, który również jest około roku przestarzały.

Więc najpierw polecam:

  • Upgrade do aktualnej wersji jQuery i upuszczanie migracja - IE6 jest martwy i IE8 jest marginalna.
  • Uaktualnij izotop do aktualnej wersji.

W szczególności sprawdź ich numery issue logs w podobnych sprawach, zanim je tutaj znajdziesz.

Jeśli problem będzie się powtarzał po tym czasie, być może wystąpi problem związany z implementacją. Wyizoluj kod we fragmencie w swoim pytaniu - znacznie łatwiej nam pomóc w rozwiązaniu jednego konkretnego problemu bez potrzeby inżynierii wstecznej całej witryny.

+0

Dzięki @Keith. Sprawdzę twoje zalecenia jutro i życzę sobie, abym mógł ci powiedzieć trochę postępu. – Anfuca

3

Usuń ten kod https://yadi.sk/d/YmKdx2Rd3M2Fcj a efekt będzie praca grzywny i wyglądać ten film https://www.screenmailer.com/v/EEa7t15khxyLE9s

+0

Bardzo interesujące @grinmax! Przyjrzałem się http://caniuse.com/#feat=transforms2d i wygląda na to, że Safari obsługuje 'transform-2d' z' 10.1'. Dzięki temu rozwiązaniu efekt nie będzie dokładnie taki sam, jaki już działa w większości przeglądarek. Oczywiście jest to ważny postęp! Nadal oczekuję na wypróbowanie tego, co zaproponował mi @Keith, aby sprawdzić, czy niektórzy z nich mogą zmienić javascript ... Zobaczmy! – Anfuca

+1

@Anfuca Widzę, że safari wspierające 2d, począwszy od wersji 3.2)) https://yadi.sk/d/LzDMle813M4Fky – grinmax

+0

masz rację. Nigdy nie zauważyłem przycisku _show all_ ... – Anfuca