Piszę aplikację internetową, która ma działać zarówno na iPadzie, jak i na przeglądarce internetowej.Wykrywanie kolizji JavaScript/Jquery dla wyskakujących okienek
mam sekcję filtrów z popup pochodzących z boku (popup jest całkowicie umieszczona w stosunku do znacznika filtr <li>
):
to wszystko wygląda ładnie i dandys na pulpicie, lecz na Ipad w trybie poziomym, dół popup jest wycięty, ponieważ wykracza poza obszar wyświetlania.
próbowałem go rozwiązać za pomocą queryUI position:
$('.capbIpadPopupAutoComplete').position({
"my": "left center" , // Horizontal then vertical, missing values default to center
"at": "left top", // Horizontal then vertical, missing values default to center
"of": $(this).closest('li'), // Element to position against
// "offset": "20 30" , // Pixel values for offset, Horizontal then vertical, negative values OK
"collision": "fit flip" // What to do in case of
});
ale to działa tylko wtedy, gdy okienko zderza się z lewej strony ekranu, a nie na dole.
Muszę również upewnić się, że trójkąt porusza się odpowiednio, ponieważ powinien zawsze wskazywać na właściwy filtr.
Czy używam niewłaściwej pozycji JqueryUI? czy istnieje lepsze rozwiązanie?
Here is a very simplified fiddle
Twoje skrzypce są zbyt uproszczone - w ogóle nie używają JQUI ani żadnego javascriptu. JQUI jest tym, co powinno obsługiwać odbijanie. – user1618143
Uh, czy odpowiesz? – user1618143
@ user1618143 - Przepraszam, byłem na wakacjach. Spróbuję jutro i zobaczę, czy to pomoże – Tomer