0 Replies Latest reply on Mar 27, 2013 1:50 PM by slitherax

    Drag and Drop Navigation

    slitherax

      Hi there,

      In my project, I have a navigation system wherein the user drags an element over a box, and is then taken to the appropriate part. At least, that's how it's supossed to work. Currently, when the user drags the element over a box, it just reverts back to where it started, with no timeline changes occuring. I assume this is because some part of my code is wrong, so it would be brilliant if somebody could take a look at the code below and work out where the error is. Edge Animate isn't reporting any errors, and it worked perfectly when there was just one box, so I'm a little unsure just  what the problem is.

      Many thanks,

      Dee Roberts

       

      function init(){

      sym.$("winter_nav").droppable({

      drop: function() { sym.play(7825) }

      });

       

       

      sym.$("adventure_nav").droppable({

      drop: function() { sym.play(18640) }

      });

       

       

      sym.$("family_nav").droppable({

      drop: function() { sym.play(36500) }

      });

       

       

      sym.$("history_nav").droppable({

      drop: function() { sym.play(31292) }

      });

       

       

      sym.$("map_nav").droppable({

      drop: function() { sym.play(12500) }

      });

      }

       

       

      $.getScript("http://code.jquery.com/ui/1.10.2/jquery-ui.js", function() {

      var logo = sym.$("log_hold");

      logo.draggable({ disabled: false });

      logo.draggable({ snap: true });

      logo.draggable({ axis: "x" });

      logo.draggable({ revert: "invalid" });

      logo.draggable({ revertDuration: 200 });

      });