jquery ui droppable fires all events on pageload -


i have 2 droppable , 2 draggable elements on doc ready droppable events fire. after when dragging element on droppable element no droppable events fire

the draggable events seem ok though have not tested them, have been concentrating on bizarre behaviour of droppable.

the code:

$(document).ready(function() {   $("#sectiondz").droppable({     scope:          "subject",         activate:   alert("droppable activate event fired"),         create:     alert("droppable create event fired"),         deactivate: alert("droppable deactivate event fired"),         drop:       alert("droppable drop event fired"),         out:        alert("droppable out event fired"),         over:       alert("droppable on event fired"),         accept:     "sectnli",             });  $(".sectnli").draggable({     cursor:         "crosshair",     delay:          "300",     helper:         'clone',     opacity:        "0.65",     placeholder:        'ui-state-highlight',     revert:         "invalid",     scope:          "subject",     stop:       function (event, ui) {         alert("drag stop event has fired"); //      $(this).draggable("destroy");         }     });  //  allow more 1 item dragged   $("#judgedz").droppable({         activate:   alert("droppable 2 activate event fired"),         create:     alert("droppable 2 create event fired"),         deactivate: alert("droppable 2 deactivate event fired"),         drop:       alert("droppable drop event fired"),         out:        alert("droppable 2 out event fired"),         over:       alert("droppable 2 on event fired"),         scope:      "judge",         accept:     "judgli",             });  $(".judgli").draggable({     cursor:         "crosshair",     delay:          "300",     helper:         'clone',     opacity:        "0.65",     placeholder:        'ui-state-highlight',     revert:         "invalid",     scope:          "subject",     stop:       function (event, ui) {         alert("drag stop event has fired"); //      $(this).draggable("destroy");         }     });  //  allow more 1 item dragged   }); 

this in it's own file, there .js file containing ui tabs , dialogs code. this.

i solved problem deleting file , rewriting code file different name. there must have been non-printing char somewhere in file.


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -