0 Replies Latest reply on Jan 12, 2016 11:21 AM by ryan_pu

    false positives on hover

    ryan_pu Level 1

      using jQuery UI I got my stuff to drag and drop. I designed it to accept by class name so that it would ignore other droppables in the scene. I have now been asked to make all droppables have hover states, even when false.Is there a way to have it accept one className and give hover states on all .ui-droppable or something?

       

      function dragAndDrop(draggedItem,dropZone)

      {

        var bool = 0;

        var draggedItem = $(draggedItem);

        var dragFromLeft = draggedItem.offset().left;

        var dragFromTop = draggedItem.offset().top;

        var dropZone = $(dropZone);

       

       

        draggedItem.draggable //Make item draggable

        ({

        opacity:1,

        revert:function()

        {

        $(".strobeRed").fadeTo(100, .50).fadeTo(100, 0);

        $(this).offset({top: dragFromTop, left: dragFromLeft})

        }

        }); //'invalid'

       

        dropZone.droppable //Make item droppable

        ({

        accept:draggedItem,

        drop: function(event, ui)

        {

        $( ui.draggable ).fadeOut(),

        $( this ).droppable( "option", "disabled", true ).css("background-color", "green"), //$(this) = $(event.target)

        $( this ).draggable( "option", "disabled", true )

        }

        });

      }