Forum PHP.pl > JQuery - Nie działa O

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Mapcio

20.06.2011, 13:28:56

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 
<head>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui.sortable.js"></script>
<script type="text/javascript">
	$(function() {
		$("#sortable").sortable({
		});
		$("#sortable").disableSelection();
	});
	</script>
 
 
<style>
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
	#sortable li span { position: absolute; margin-left: -1.3em; }
	</style>
 
</head> 
 
		<table>
			<tr>
 
				<td colspan='10' align='center'>
					<h2>Rekordy z bazy danych(linki menu glowne):</h2>
				</td>
			</tr>
		<td><b>Tekst: </b></td><td><a href='add_menu.php'>Dodaj</a></td>
                       </tr>
                </table>
               <div id='Left'>
                  <ul id=sortable>
<!-- Tu generuje PHP -->
		<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>
 
			<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
<!-- Koniec generowania PHP -->
		   </ul>
 
                 </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!?

pedro84

20.06.2011, 13:49:01

Co znaczy "nie działa"?

Mapcio

20.06.2011, 14:39:17

Powinno być coś a'la to:
Klik (chodzi o sam drag n' drop!)
A u mnie nie da się niczego przesunąć

mortus

20.06.2011, 14:51:25

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 
<script src="jquery-1.5.1.js"></script>
<script src="ui.core.js"></script>
<script src="ui.widget.js"></script>
<script src="ui.mouse.js"></script>
<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.

Mapcio

20.06.2011, 14:59:29

@mortus
Dzięki.
"Pomógł" kliknięte, temat do zamknięcia.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.