0

I have made a draggable element that doesnt use jqueryui-draggable.

I want to use it alongside jquery ui droppable. Is it possible for jquery-ui droppable to accept any draggable that are not made by jquery-ui? and how?

Please see plnkr https://plnkr.co/edit/BzNuFtSUGaXmVhpNpqLG?p=preview

    $(document).ready(function(){
 // $("#drag2").draggable();

  $("#drag").drags();

  $(".droppable").droppable({
    drop:function(event,ui){
      $(this).append('dropped')
    },
    accept: ".draggable1"
  })
})
raju
  • 6,448
  • 24
  • 80
  • 163
  • You may want to edit your post. If your question is, is it possible, the answer would be "Yes". – Twisty Oct 24 '16 at 07:25
  • @Twisty, Can you please guide me how to do that! – raju Oct 25 '16 at 14:26
  • Would need more info, some type of example of what you're doing currently. Please update your post with an example of what you have tried. – Twisty Oct 25 '16 at 16:26
  • Is there a reason you're not using `draggable()`? – Twisty Oct 27 '16 at 16:27
  • Been plugging away at this all day. I think I have a solution that involves triggering `drop` event on the target. My test area: https://jsfiddle.net/Twisty/j7Lzsfcx/ The drop is still not accepting the custom element and I suspect there is something else that is being triggered in `dragstart` that I have to hook into. – Twisty Oct 28 '16 at 01:30
  • I am currently working on EPUB, it is being read in READIUM viewer, where page is scaled using css3 transform, thus .draggable not work as expected. but .droppable works. Plase see my another quesiotn to explain this.http://stackoverflow.com/questions/40181735/jqueryui-draggable-inside-scaled-iframe-not-working-properly – raju Oct 28 '16 at 02:49

0 Answers0