jquery mobile popup nie działa?

Próbowałem kod w przykładzie

<a href="#popupBasic" data-rel="popup">Tooltip</a> 

<div data-role="popup" id="popupBasic"> 
    This is a completely basic popup, no options set. 
</div>

ale kiedy kładę to w moim własnym kodem div nadal będą wyświetlane i po kliknięciu na przycisku przechodzi do drugiej strony, zamiast popup. Czy ktoś może mi pomóc?

Źródło

2012-04-13 Chanckjh

spójrz na to, sama strona internetowa ma coś nie tak z wyskakującymi okienkami http://jquerymobile.com/branches/popup /docs/pages/popup/index.html – Dhiraj

jak się tam dostałeś? jesteś na niewłaściwej stronie jest to link: http://jquerymobile.com/branches/popup-widget/docs/pages/popup/index.html – Chanckjh

Cóż ... Mam go do pracy (przykładowy kod poniżej, przepraszam za zagmatwany ciąg znaków, którego nie mogłem wyświetlić w blokach kodu w przeciwnym razie) ... ale zastanawiam się, jak znalazłeś ta strona?? To nie wydaje się być częścią najnowszego kandydata do wydania jQuery Mobile ... więc domyślam się, że to nie działa, ponieważ twoje odniesienia do JS i CSS nie wskazują na pliki, które faktycznie zawierają odpowiedni kod?

<!DOCTYPE html> 
<html class="ui-mobile-rendering"> 
    <head> 
     <meta charset="utf-8"/> 
     <meta name="viewport" content="width=device-width, initial-scale=1"/> 
     <title>JQM popup test</title> 
     <link rel="stylesheet" 
      href="http://jquerymobile.com/branches/popup-widget/css/themes/default/jquery.mobile.css"/> 
     <script src="http://jquerymobile.com/branches/popup-widget/js/jquery.js"></script> 
     <script src="http://jquerymobile.com/branches/popup-widget/js/"></script> 
    </head> 
    <body> 
     <a href="#popupBasic" data-rel="popup">Tooltip</a> 
     <div data-role="popup" id="popupBasic">This is a completely basic popup, no options set.</div> 
     <div>Other</div> 
     <div>Random</div> 
     <div>Text</div> 
    </body> 
</html>

Źródło

2012-04-13 21:19:29 user1263226

Więc to nie jest oficjalne wydanie? Znalazłem przez google ofcourse. Kiedy umieszczam scenariusz w głowie. Poszedłem na inną stronę, ale wszystko było popsute. Twój kod działa, ale nie sądzę, że będzie działał z wieloma stronami. Jeśli to nie jest oficjalne wydanie, będę musiał znaleźć inny sposób na zrobienie wyskakującego okienka. Jak to zrobić? – Chanckjh

Tak ... Wygląda na to, że jQuery Mobile 1.1 przeszedł z wersji Release Candidate na wersję "final", a ta funkcja nie została uwzględniona: http://jquerymobile.com/demos/1.1.0/#/demos/1.1.0/ docs/pages/index.html ... dzięki czemu możesz użyć funkcji okna dialogowego wyjaśnionej na http://jquerymobile.com/demos/1.1.0/#/demos/1.1.0/docs/pages/page-dialogs. html (ale to ukrywa całą oryginalną zawartość strony i prawdopodobnie nie jest to, czego potrzebujesz.) Używam wtyczki, która może być przydatna, http://dev.jtsage.com/jQM-SimpleDialog/demos2/ – user1263226

btw kod, który pokazałem powinien działać również dla wielu stron ... o ile odwołujesz się do tych "nieoficjalnych" plików JS i CSS – user1263226

Wygląda na to, że wyskakujące okienka są zaplanowane na wydanie 1.2 (patrz this page on github). Myślę, że "gałęzie" na stronie URL wskazuje, że ta strona pochodzi z niewydanej gałęzi dev jQuery mobile. Jeśli spojrzysz na stronę z dokumentami dla wydania 1.1, ta funkcja nie jest udokumentowana.

Można dodać do wersji 1.0, dodając jquery.mobile.popup.js i css z poprzedniego linku github lub korzystając z web-ui-fw project, który zawiera widżet wyskakujący i inne widżety.

Używam web-ui-fw, aby mieć wyskakujące okienka z jQuery mobile 1.1; ta wtyczka używa "popupwindow" zamiast "popup" dla danych-rel i data-role

Źródło

2012-04-16 08:08:20 QuickFix

Próbowałem dodać zarówno .css, jak i .js, ale nie zadziałało. Czy to działa dla ciebie? –

Tak, działa przy użyciu web-ui-fw-libs.js, web-ui-fw.js i web-ui-fw-widget.css. użyłeś popupwindow zamiast popup dla funkcji data-rel i data-role? – QuickFix

Miałem na myśli, że za pomocą jquery-mobile popup .js/.css nie działa. Używanie web-ui-fw działało :-). –

jquery mobile popup nie działa?

Odpowiedz

Powiązane problemy