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:
$(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);
});
});