Dag iedereen,
Ik ben even aan het experimenteren met JQuery UI Sortable. Hierbij probeer ik niet met lists te werken maar met tables, wat mogelijk moet zijn.
Helaas blijk ik in mijn Javascript console steeds deze fout te krijgen:
Ik heb al het een en ander opgezocht op Google en kwam daar vooral problemen tegen van mensen die hun script tag vergeten waren om zowel jquery als jquery ui te includen. Toch ben ik er zeker van dat ik deze juist heb geintegreerd: Wanneer ik mijn Developer Console (Chrome) open, zie ik onder het tabblad de 2 javascript files staan. Wanneer ik er op klik wordt de code correct getoond dus ik denk dat ze juist geladen worden. Ook wanneer ik de gerenderde (ik werk met Ruby On Rails) source code bekijk, staan de javascript bestandjes er goed in.
De code ziet er dan als volgt uit:
Hierbij is #pages_table de naam van mijn table en .content de class van mijn tbody.
Waarschijnlijk gaat het hier om een kleine, domme fout waar ik gewoon over aan het kijken ben...
Ik ben even aan het experimenteren met JQuery UI Sortable. Hierbij probeer ik niet met lists te werken maar met tables, wat mogelijk moet zijn.
Helaas blijk ik in mijn Javascript console steeds deze fout te krijgen:
Uncaught TypeError: Object [object Object] has no method 'sortable'
Ik heb al het een en ander opgezocht op Google en kwam daar vooral problemen tegen van mensen die hun script tag vergeten waren om zowel jquery als jquery ui te includen. Toch ben ik er zeker van dat ik deze juist heb geintegreerd: Wanneer ik mijn Developer Console (Chrome) open, zie ik onder het tabblad de 2 javascript files staan. Wanneer ik er op klik wordt de code correct getoond dus ik denk dat ze juist geladen worden. Ook wanneer ik de gerenderde (ik werk met Ruby On Rails) source code bekijk, staan de javascript bestandjes er goed in.
De code ziet er dan als volgt uit:
HTML:
1
2
3
4
5
6
7
8
9
10
11
| <script src="/assets/jquery-1.7.2.min.js?body=1" type="text/javascript"></script> <script src="/assets/jquery-ui-1.8.22.custom.min.js?body=1" type="text/javascript"></script> <meta content="authenticity_token" name="csrf-param" /> <meta content="HNgkzNOLMe4OPdXwxHtLV2mZ9UpUlBgzfc1aXRGXzkE=" name="csrf-token" /> <script type="text/javascript"> $(function() { $("#pages_table tbody.content").sortable(); $("#pages_table tbody.content").disableSelection(); }); </script> |
Hierbij is #pages_table de naam van mijn table en .content de class van mijn tbody.
Waarschijnlijk gaat het hier om een kleine, domme fout waar ik gewoon over aan het kijken ben...