Bonjour tt le monde ;
je suis entrain de découvrir jquery; j'ai créé 2 div dans ma page html et j'ai imporé les fichiers de jquery dans le header de mon fichier html;
bref, voila le code de ma page :
lorsque j'ouvre ma page HTML, je tente de faire trier les 2 div (glisser l'un au dessus d l'autre) mais ça marche pas !!?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans nom</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script> <style> #mondiv { width:150px; height:150px; background-color:#999; } </style> <script> $(function() { $("mondiv").sortable(); $("mondiv").disableSelection(); }); </script> </head> <body> <div class="demo"> <div id="mondiv"> <p>text 1</p> </div> <div id="mondiv"> <p>text 2</p> </div> </div><!-- End demo --> </body> </html>
un aide SVP;
merci
Partager