Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JQuery - Nie działa O_o, Sortable
Mapcio
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 15.02.2011

Ostrzeżenie: (0%)
-----

Witajcie, na wstępie chciałbym powiedzieć, że nie lubie/nie umiem/nie uczę się JS'a. Generalnie zajmuję się php'em który idzie mi całkiem dobrze(chyba?).
Teraz mam problem, ponieważ chcę, aby admin z panelu administratora mojej strony, mógł cieszyć się nie tylko dodawaniem nowych linków do menu głównego, ale także zmienianiem ich kolejności. Żeby uatrakcyjnić mu tą czynność postanowiłem wykonać to za pomocą drag n' dropa :-)
Wszystko ładnie, do póki nie przyszło mi napisać coś w JSie(OMG, OMG, OMG, OMG, OMFG!).
Php ładnie wygenerował mi takie coś:
[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="ui.core.js"></script>
  3. <script type="text/javascript" src="jquery-1.3.2.js"></script>
  4. <script type="text/javascript" src="ui.sortable.js"></script>
  5. <script type="text/javascript">
  6. 	$(function() {
  7. 		$("#sortable").sortable({
  8. 		});
  9. 		$("#sortable").disableSelection();
  10. 	});
  11. 	</script>
  12.  
  13.  
  14. <style>
  15. 	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  16. 	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  17. 	#sortable li span { position: absolute; margin-left: -1.3em; }
  18. 	</style>
  19.  
  20. </head> 
  21.  
  22. 		<table>
  23. 			<tr>
  24.  
  25. 				<td colspan='10' align='center'>
  26. 					<h2>Rekordy z bazy danych(linki menu glowne):</h2>
  27. 				</td>
  28. 			</tr>
  29. 		<td><b>Tekst: </b></td><td><a href='add_menu.php'>Dodaj</a></td>
  30.                        </tr>
  31.                 </table>
  32.                <div id='Left'>
  33.                   <ul id=sortable>
  34. <!-- Tu generuje PHP -->
  35. 		<li style='background-color: #ddffb0; border: solid 1px #000000; margin: 5px;width: 400px; height:25px' id='recordsArray_1'>Drag here<span><a href='http://localhost/webs/index.php?mode=read&address=test'>TEST</a> <a href='add_news.php?mode=edit&id=1'>Edytuj</a> <a href='add_news.php?mode=delete&id=1'>Usun</a></span></li>
  36.  
  37. 			<li style='background-color: #ddffb0; border: solid 1px #000000; margin: 5px;width: 400px; height:25px' id='recordsArray_2'>Drag here<span><a href='http://localhost/webs/index.php?mode=read&address=mati'>MATI</a> <a href='add_news.php?mode=edit&id=2'>Edytuj</a> <a href='add_news.php?mode=delete&id=2'>Usun</a></span></li
  38. <!-- Koniec generowania PHP -->
  39. 		   </ul>
  40.  
  41.                  </div>
[HTML] pobierz, plaintext

No i wynik jest taki, że funkcja sortable NIE DZIAŁA(OMG!).
Robiłem już na prawdę wszystko, sprawdzałem, czy ma dostęp do biblioteki jquery - ma.
Sprawdzałem czy ma dostęp do id za pomocą css - ma.
Pomóżcie, co robię źle!?

Ten post edytował Mapcio 20.06.2011, 13:35:58
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

Ostrzeżenie: (0%)
-----

Co znaczy "nie działa"?


--------------------
Google knows the answer...
Go to the top of the page
+Quote Post
Mapcio
post
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 15.02.2011

Ostrzeżenie: (0%)
-----

Powinno być coś a'la to:
Klik (chodzi o sam drag n' drop!)
A u mnie nie da się niczego przesunąć sad.gif
Go to the top of the page
+Quote Post
mortus
post
Post #4





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

Ostrzeżenie: (0%)
-----

Brakuje Ci jeszcze bibliotek ui.mouse.js i ui.widget.js, które są wymagane, jeśli chcesz użyć ui.sortable.js.
Nie bez znaczenia jest też kolejność wstawiania tych bibliotek:
[HTML] pobierz, plaintext 
  1. <script src="jquery-1.5.1.js"></script>
  2. <script src="ui.core.js"></script>
  3. <script src="ui.widget.js"></script>
  4. <script src="ui.mouse.js"></script>
  5. <script src="ui.sortable.js"></script>
[HTML] pobierz, plaintext


W kodzie celowo pominąłeś znaczniki <html> i <body>?

EDIT
I jeszcze kwestia zapisu. Musi być <ul id="sortable">. Ogólnie wartości atrybutów elementów (tagów) HTML muszą być objęte cudzysłowami (") - tak nakazuje specyfikacja.
Gdzie indziej masz apostrofy, co również jest niezgodne ze specyfikacją (X)HTML. Muszą być cudzysłowy.

Ten post edytował mortus 20.06.2011, 14:55:45
Go to the top of the page
+Quote Post
Mapcio
post
Post #5





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 15.02.2011

Ostrzeżenie: (0%)
-----

@mortus
Dzięki.
"Pomógł" kliknięte, temat do zamknięcia.
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 20:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn