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:
$(function () { $("#bulb1").draggable({ revert: function(event, ui) { $(this).data("uiDraggable").originalPosition = { top: 100, left: 100 }; return !event; } }); $("#droppable").droppable( { drop: function(event, ui) { var id = $(ui.draggable).attr("id"); function getOffset(el) { var _x = 0; var _y = 0; var offset = document.getElementById(id); offset.textContent = 'absolute: ' + offset.documentOffsetTop + ', $' + $(offset).offset().top; while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { _x += el.offsetLeft - el.scrollLeft; _y += el.offsetTop - el.scrollTop; el = el.offsetParent; } return {top: _y, left: _x}; } var x = getOffset(document.getElementById(id)).left; var y = getOffset(document.getElementById(id)).top; $(this).data("Top", window.pageYOffset); var st = parseInt($(this).data("Top")); ui.position.top -= st; $(this).data("Left", window.pageXOffset); var ts = parseInt($(this).data("Left")); ui.position.top -= ts; } }); });
Kod odpowiedzialny za przeładowanie:
$(document).ready(function(){ $(function(){ setInterval(function() { $("#droppable").load("test.php");}, 1000); }); });