JQuery UI draggable/droppable not working in responsive

nixthenext
Community Member Posts: 75
I'm trying to build an interaction where the user must drag a number of things to a single drop zone. I've built it using JQuery UI (draggable), and it's working perfectly in a non-responsive course - but it fails in a responsive course.
I don't need this interaction to be responsive (I will just do something else for the other layouts), but I'd really like it to work for the desktop view-
What are my options??
I don't need this interaction to be responsive (I will just do something else for the other layouts), but I'd really like it to work for the desktop view-
What are my options??
Comments
-
wheels Florida USACommunity Member, Administrator, Moderator, Rockstar Manager Posts: 665 eLearning ROCKSTAR Admin TeamHave you tried disabling browser resize of published content? That keeps the desktop view from resizing, and might fix the issue. You will want to leave the options to scale content off also. Give it a try.
-
-
The issue is that the swipe library Hammer is conflicting with the jQuery draggable. Hammer gets included and initialized by default for RCD titles. Also in non-RCD titles, if you have swipe actions draggable will not work either.
To fix this you can disable Hammer in non-mobile environment by adding the following code in HTML extension type "Header Scripting" which will override the init function with an empty function.if ( !isMobile.any() )
For Lectora Inspire/Publisher users:
initGEV = function() {}if ( !is.isMobile.any() )
initGEV = function() {} -
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products