Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ajax]sortable
Forum PHP.pl > Forum > XML, AJAX > AJAX
e-konrad
Witam,
mam napisaną funkcję sortable (w oddzielnym pliku php) która po wywołaniu działa poprawnie.
Natomiast gdy przy przypomocy funkcji load załaduję powyższy plik do div, sortable nie działa.

Zawartość pliki z funkcją sortable(po wywołaniu bezpośrednio tego pliku wszystko działa poprawnie)
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  3.  
  4.  
  5. <script type='text/javascript'>//<![CDATA[
  6. $(window).load(function(){
  7. $(document).ready(function () {
  8. $('ul').sortable({
  9. axis: 'y',
  10. stop: function (event, ui) {
  11. var data = $(this).sortable('serialize');
  12. $('span').text(data);
  13. /*$.ajax({
  14. data: oData,
  15. type: 'POST',
  16. url: '/your/url/here'
  17. });*/
  18. }
  19. });
  20. });
  21. });//]]>
  22.  
  23. </script>
  24. <?php
  25. require_once('../classes/class.php');
  26. $configuration_id = '1';
  27.  
  28. echo "<ul id='sortable'>";
  29. foreach($configuration->showConfiguration($configuration_id) as $files)
  30. {
  31. echo "<li id='item-".$files['filename']."'>".$files['filename']."</li>";
  32. }
  33. echo "</ul>";
  34. ?>
  35. Query string: <span></span>


Zawartośc pliku index gdzie ładowany jest powyższy plik
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2.  
  3.  
  4. $( document ).ready(function()
  5. {
  6.  
  7. $("#sortable").load("lib/sortable.php");
  8. });
  9.  
  10. <div id="sortable"></div>


Jak powinienem załadować plik sortable php aby działał poprawnie?
ZenekN
Nie sprawdzałem ale spróbuj wyrzucić (ponieważ nie załadowałeś ponownie okna przeglądarki)

  1. $(window).load(function(){}



daj w zawartości pliku gdzie ładowany jest powyższy plik

  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>


a usuń z pliku sortable, bo nie moge patrzeć wink.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.