2013-04-02 9 views
7

Używam jQuery mobile na mojej aplikacji, wszystko było dobrze, ale zauważyłem, że te dwa elementy poniżej nie wyglądają już poprawnie.jQuery dlaczego niektóre moje ikony zaczynają wyglądać niepoprawnie

Pierwsza z nich to zaznaczenie i zamiast tego pustego, szarego koła była mała strzałka.

A drugie koło spinnig znajdowały się koło animacja teraz jest pusty szary okrąg ..

nie wiem, która część zmiany kodu naprawdę dokonuje tego, jakieś pomysły?

enter image description here

enter image description here

+0

Używasz linki JQM CDN lub host je lokalnie? jeśli udostępniasz je lokalnie, obrazy JQM powinny znajdować się pod _JS/images/_, np. 'JS/jquery1.3.0.js' i' JS/images/jqmicons.png' – Omar

+0

@Omar tak to jest to, co ostatnio zmieniłem, teraz używam lokalnie, co powinienem zrobić? – Spring

Odpowiedz

4

Mayu Mayooresan odpowiedź jest poprawna za korzystanie CDN-hosted jQuery Mobile.

Jeśli chcesz hostować lokalnie, download jQuery Mobile, wyodrębnij pliki do folderu /js/. Struktura powinna wyglądać następująco:

pliki HTML, bezpośrednio w korzenia folderu

webapp/index.html

Skrypty pod root/JS folderu

webapp/js/jquery.mobile-1.3.0.min.css

webapp/js/jquery-1.8.2.min.js

webapp/js/jquery.mobile-1.3.0.min.js

Obrazy pod root/JS/images/ folderu

webapp/js/images/ajax-loader.gif

webapp/js/images/icons-18-black.png

webapp/js/obrazów/ikony-36-black.png

webapp/js/obrazów/ikony-18-white.png

webapp/js/obrazów/ikony-36-białym.png

W pliku HTML:

<head> 
<link rel="stylesheet" href="js/jquery.mobile-1.3.0.min.css" /> 
<script src="js/jquery-1.8.2.min.js"></script> 
<script src="js/jquery.mobile-1.3.0.min.js"></script> 
</head> 
+0

tnx, ale jakoś nie działa. masz pojęcie, czego brakuje, właśnie dodałem folder obrazów do JS. pozostałe katalogi już działały i istniały. ale bez powodzenia. Korzystam również z jQuery mobile-1.8 może to być? – Spring

+0

Spróbuj użyć najnowszych skryptów mobilnych jquery. http://jquerymobile.com/download/ nie działa dla wszystkich widżetów? przyciski, widok listy, pola wyboru ... itd.? czy możesz pokazać linki w ''? i lokalizacja plików? – Omar

4

Brakuje odniesienia do plików obrazów. Musisz umieścić obrazy w swoim projekcie. Po pobraniu biblioteki jako pliku ZIP można znaleźć folder zawierający obrazy.

Else wykorzystanie CDN jak poniżej

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 
+0

w przypadku korzystania z CDN mam pewne problemy w środowisku produkcyjnym, tak naprawdę nie pamiętam błędu, ale coś jak cant dostępu domeny – Spring

+1

, jeśli straciłeś połączenie z Internetem, a następnie CDN nie będzie działać. Ale CDN jest lepszy w porównaniu do plików lokalnych. Na przykład, jeśli użytkownik użył innej witryny korzystającej z tego samego katalogu cdn, witryna nie pobierze go ponownie, zamiast tego pliki zostaną pobrane z pamięci podręcznej przeglądarki. –

Powiązane problemy