- Intel Community

brian_a_1 · ‎04-13-2015

Hi,

does anyone have a recipe for including jquery ui, touch-punch etc into a project to get draggable available?

I tried, but I get a message in the design mode "loading..." that never goes away.

tia.

Chris_P_Intel · ‎04-14-2015

Well, you can add those things to your project, but you won't be able to test them in Design mode. It disables user scripts.

And, further, the Design mode already adds jquery UI for you to enable its own drag and drop. So, the double inclusion might be causing the problem you are seeing, I'm not sure. Also, if I recall correctly, jQuery Mobile is super sensitive to the order in which it is included, and jQuery UI may be similarly finicky.

If I were you, I'd first focus on getting everything working outside Design mode, and then worry about Design mode after. If you get the first step working, let us know and I can help consult about re-enabling the Design mode. And, with any luck, we can identify the exact problem and get a fix in for any future users who want to attempt the same.

brian_a_1 · ‎04-15-2015

Thanks for the reply Chris.

"I'd first focus on getting everything working outside Design mode"

that should take me a year or so.. speak later :/

regards

David_G_4 · ‎10-26-2015

Just a note I wanted to add on this issue:

If you try to include the jQuery UI library in the <head> tag of your index.html it will keep the Design mode of XDK from working (Some type of conflict)

But as a solution, just add it to the <body> instead. It allows Design mode to work and will work the same in your app.

Just wanted to pass on the info.

Example:

</body>

SithLord · ‎10-26-2015

I include draggable in the head without issue but i'm using "app_framework/2.2/af.ui.jquery.min.js"

<script type="application/javascript" src="lib/drag-ui.min.js"></script>
<script type="application/javascript" src="lib/jquery.ui.touch-punch.min.js"></script>

jquery ui draggable