Witam,
tworzę aplikację, w której używam funkcji draggable i droppable. Wszystko działało dopóki nie dodałem kodu, dzięki któremu określony div będzie się przeładowywał w ustalonych odstępach czasu. Po jego dodaniu działa on, aczkolwiek drag i drop działać przestaje. Konsola przeglądarki pokazuje błąd: draggable is not a function. Proszę o wskazówki.

Kod odpowiedzialny za drag i drop:
  1. $(function () {
  2.  
  3. $("#bulb1").draggable({
  4. revert: function(event, ui) {
  5. $(this).data("uiDraggable").originalPosition = {
  6. top: 100,
  7. left: 100
  8. };
  9.  
  10. return !event;
  11.  
  12. }
  13.  
  14. });
  15.  
  16. $("#droppable").droppable(
  17. {
  18. drop: function(event, ui)
  19. {
  20.  
  21. var id = $(ui.draggable).attr("id");
  22.  
  23. function getOffset(el) {
  24. var _x = 0;
  25. var _y = 0;
  26. var offset = document.getElementById(id);
  27. offset.textContent = 'absolute: '
  28. + offset.documentOffsetTop + ', $'
  29. + $(offset).offset().top;
  30. while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
  31. _x += el.offsetLeft - el.scrollLeft;
  32. _y += el.offsetTop - el.scrollTop;
  33. el = el.offsetParent;
  34. }
  35. return {top: _y, left: _x};
  36. }
  37. var x = getOffset(document.getElementById(id)).left;
  38. var y = getOffset(document.getElementById(id)).top;
  39.  
  40. $(this).data("Top", window.pageYOffset);
  41. var st = parseInt($(this).data("Top"));
  42. ui.position.top -= st;
  43.  
  44. $(this).data("Left", window.pageXOffset);
  45. var ts = parseInt($(this).data("Left"));
  46. ui.position.top -= ts;
  47.  
  48. }
  49. });
  50. });



Kod odpowiedzialny za przeładowanie:
  1. $(document).ready(function(){
  2. $(function(){
  3. setInterval(function() { $("#droppable").load("test.php");}, 1000);
  4.  
  5. });
  6. });