Lag in drag with easing interaction on iPad/iBooks Author

Hi folks,
I'm doing a drag and drop section in a children's iBooks project that I'm working on and I need it to have some easing.
It works great when I preview it in a browser on my mac, but as soon as I've put it onto iBooks on the iPad it's a bit poor in performance. It does do the easing, but it's a bit jerky at times, this is just about OK, but what isn't OK is that there is a noticable lag (about half a second) between clicking on the 'draggable' <div> and it responding.
I know from reading that this is meant to be down to the need for the iPad to be able to detect if this is going to be a swipe or some other interaction othan just a 'click'.
I had also read that the 'touch-punch' jQuery plugin would sort that lag out.
I have opened the package contents and manually dragged over the relevant libraries for the 'touch-punch' plugin, but it's not working.
Any ideas?
The code I'm using in the composition ready section of the stage is as follows:
yepnope(
    nope:[
        'js/jquery-ui-1.9.2.custom.min.js',
        'js/jquery.ui.touch-punch.min.js',
        'css/jquery-ui-1.9.2.custom.min.css'
    complete: init
function init() {
    sym.$('draggable').draggable({
        helper: function(){
            // Create an invisible div as the helper. It will move and
            // follow the cursor as usual.
            return $('<div></div>').css('opacity',0);
        drag: function(event, ui){
            // During dragging, animate the original object to
            // follow the invisible helper with custom easing.
            var p = ui.helper.position();
            $(this).stop().animate({
                top: p.top,
                left: p.left
            },1000,'easeOutCirc');
If anyone had any thoughts or tips that woudl be great.
Thanks,
Tom

Just incase anyoe is wanting a solution to this I found another jQuery plugin called PEP which is VERY responsive and works really well for drag and drop on either tablet or desktop.
http://pep.briangonzalez.org/
I'm still curious if anyone has any ideas on why the touch-punch doesn't work though. Anyone?

Similar Messages

  • PDF Files with bookmarks open in iPad iBooks without the bookmarks.

    PDF Files created with Adobe Acrobat or other PDF file creating software open in iPad iBooks with the Bookmarks.  How do you access those.

    since iBooks doesn't have an "Open In" button or feature, how do I access PDF's in iBooks with Adobe Reader?

  • Keynote slides with video - not linking in Ibooks Author

    Hi
    I have a problem with linking Keynote slides containing videos in Ibooks author. I am using the latest version of both programs on Yosemity (6.5.2 keynote, Ibooks Author 2.2 )
    The keynotes is set up with ‘Links Only’ and it works perfectly in Keynote. In Ibooks author the ‘link only’ is not working and the slides just progresses to next one. Like the Presentation type was set to normal, whether or not I press the link or outside the link. The exact same keynote slides without the video doesn’t have this problem and links perfectly in Ibooks Author. The result is the same testing the Ibook directly on the Mac or on the Ipad Air (8.1.2)
    To make sure about the video types I tried a number of different ones (different Mac/Ipad video conversion programs) all with the same result. The result is also the same whether it plays ‘on page’ or ‘full-screen’ in the Ibook. The videos all plays perfectly but the links are not working.
    Saving the keynote to 09 seemed to solve the problem. I am new to Ibooks author …. And the whole Mac environment. But I am thinking it’s supposed to work without having to do this????
    The same happened when I tested a linked keynote example from Lynda.com. ‘Ibooks essential training’.  Only in the 09 version it was working with the links, when the slides had videos. This example was off course also created in an earlier Keynote version.
    Niles , Denmark

    This is a problem that I've reported both here and via bugreport.apple.com. However, I don't think that it has to do with screen resolution (retina/non-retina). Rather, I think it has to do with setting the widget to "full screen" where transport controls cannot be used and selecting a "Links Only" presentation.
    I used simple forward and back arrows set (Control-click on object) to go to next slide or previous slide. What I found was that while this works as designed when played back in Keynote (OS X or iOS) but not in the Keynote widget. The links only  setting and these hyperlinks are totally ignored in the Keynote widget. Tapping anywhere went to the next slide. Tapping on the back arrow also went to the next slide,

  • Supervised iPads & iBooks Author

    Since Apple opened up Apple's supervision model a bit with iOS 7 (now able to browse the device and import photos/videos).. I was hoping Apple would also enable supervised iPads to function as preview devices when using iBooks Author.
    iBooks Author has a preview button that will allow you to preview an ebook on an iPad. Unfortuntately when I connect a supervised iPad to iBooks Author, the device is greyed out and beside the device name is says "No ATC". Anyone have any ideas what this means?
    cheers,
    Evan

    I fixed this by plugging in the iPad (I believe it would be similar on the iPhone or iTouch) to the computer, and starting iTunes on the computer.  Also selecting "Trust this computer" on the iPad.
    Then in iBooks author, the "No ATC" went away.  I don't know what it means, but I presume it means it had No Authorization to Talk to the Computer - whether that is the correct acronym I don't know, but it is something like that.  ;-)

  • Is it possible to add childrens read along feature with your own audio to iBooks author book?

    I am working on an interactive kids book on iBooks author and it be ace if anyone here knew how to add read along capability like you see on enhanced ebooks. Is it a serious coding job or can an imaginative drag and dropper like me achieve it?

    See this thread and this thread.
    Michi.

  • How can I create a interactive image on ibook author, just like the temperatures map on the "life on earth" book?

    I need a create an interactive image at the ibook author app, but I don´t know how, I saw the interactve image in the "life on earth" book, from the apple store, in an temperature map
    apreciate that someone could help me, please

    Doesn't work w/iBA books & iBooks 2, sorry.

  • Labels with interactive image on ibook author

    Is there a way for the labels on the interactive image to hide, until the object it is associated with is touched?

    If you intend to build a book for use on iPad you are obligated to use the iOS compatible fonts from the toolbar font menu pulldown, not the main font menu.
    -=-
    -=--=-
    Did you have something else in mind?

  • Blurry Photos in Photo gallery and Interactive image widget--(iBooks Author)

    The pictures that I put in my photogallery and in my interactive image widget were at first clear and would get bigger when I tapped on them (in preview mode on my iPad), and then all of the sudden, they all are blurry, and now when I tap on them, they don't get bigger/zoom! How do I fix this??

    The iBook is about 80 pages, and there is an average of one widget per page, sometimes 2. There are a few galleries in which there are more than one picture, but many of them are simply with one picture (because this is the only way to make it get bigger when you tap on it when on the iPad). For the Interactive Image widgets, I took a screenshot of a google maps route, and then focused on different stops to show directions on my iBook. I just redid all of the photo galleries that were blurry, and they are fixed now (no longer blurry). BUT the interactive images are still blurry....maybe I just need to go back and redo them?

  • Interactive Workbook for iBooks Author

    We are making an interactive workbook for iPad users and would like to make it possible to type in answers to the questions in the workbook. Is it possible to do this after it's been published? ie If we had a math textbook and they want to insert answers and then right then email the answers to their professor.
    Is this Possible!!!???? If not, who has the connections to make this possible?

    There are others with far more knowledge about iBA than I, who may not have seen your question yet.
    My intial thoughts are NO, you cannot do everything you want.  There is a tick box Review widget, but not what you want.
    You can ask questions and  add an eMail link for students to reply with their  answers. But they cannt add those answer into the book on  their iPad to add to the existing content.
    Interactivity is basically  making choices as given by the books creator. 
    What you want sound feasable in an "app" - but unless you or your team are knowledgable with X Code and whatever other stuff the app makers use.... its a steeo learning curve.
    There have  been similar questions asked, so a search may bring up suggestions I did not  see.

  • IBooks Author ( interactive image )

    Hi to everyone,
    I have a problem with an interactive image in iBooks Author. i've added the image in .jpg format and all the interactive "buttons" with own interactivity zoom for each one. When I test it on the working area, it works correctly even it's quite slow, but once I preview it on mac book pro or ipad, it doesn't work as shown in the working area. when i click on bottom to see the details, it becomes white. Who can help me?
    Thanks
    Alberto

    Have you solved your issue? If not, can you provide us with some screen shots of what it looks like in iBooks author and as preview in iBooks on your mac?

  • IBooks Author for iPad, ePub for iPhone?

    I understand iBooks Author creates books ONLY for iPad.
    So what happens If i want the book I am working on for iPhone as well? ... Do I create 2 versions:
    iPad - iBooks Author Multi-Touch edition
    iBooks - Standard ePub version
    Is there a way for me to state the iBooks version to ONLY show up for iPhone and iPod Touch .... ? So I am effectivly putting on 2 different books ...
    Thanks,
    Ben

    At this time, beyond the categories you can choose from in iTunes Producer/Assets, how you describe your app is basically up to you Apple will let you know if they disagree.
    The Yellow Submarine book is epub and available for both iPhone and iPad....you may want to take a look at it for ideas, etc.
    As always, feel free to use the 'Provide iBooks Author Feedback' menu item for features you'd like added in the future, etc.
    http://www.apple.com/feedback/ibooks-author.html

  • Drag and Drop Interaction with 50+ Drop Targets

    Hello,
    I'm fairly new to Captivate 7 but very familiar with Flash. I'm tasked with a project that I would like to do with the drag and drop interaction widget from Captivate 7. Basically, we need our learners to identify the locations of our resorts on a map. Select the name of the resort, drag and drop it in the city/state or country where located. My question is can Captivate handle this task? To me, it seems as a large task for Captivate to handle, and so I was thinking of coding it in Flash.
    Here is what I need:
    1.- List of all the properties at bottom with the drop target being a map of the US or world and have the location for each property as the drop target.
    2.- When the resort/property is selected, the name will change to the three letter code. Example: New York City, when clicked = NYC and the map itself to reflect the 3 letter code once dropped on the map if correct.
    3. If incorrect, the listed item will revert to the long name and return to the list.
    4. If this can be graded, it would be best.
    I can break the project into different regions but if I wanted to keep all 300+ properties in one module, will it be an issue? At the very least, I would need to do a minimum of about 50 per module.
    Thanks all! I've found this forum to be extremely helpful and the members seem to be eager to help.

    var matchingTargetName:String =(event.target.name).substring(0, 1);
    Change the name of the target to A and B and the mc A1, A2, A3, A4... and B1, B2,B3...

  • Advanced Feedback with Drag and Drop Interaction

    Hello,
    I am trying to create a drag and drop interaction that will blend in a "thumbs up" or a "smiley" after each dragable has been correctly placed. The dragables in my interaction are medical terms and the drop sources are smart shape boxes. Each drop source has been assigned one correct answer, so that when the correct answer has been dragged a "success caption" appears immediately. The opposite occurs with an incorrecty dragged term. I figured, I need a "code" that
    askes each dropable if it is the last one to be answered, and when answered correctly, will show the "smiley"
    checks if all other dragables have been placed correctly
    Since I lack the basic coding knowledge, I am having a hard time trying to figure this one out. Thanks for the help, again!
    -Nik

    Hi Jay,
    Yes, could create such a scenario, but the Submit button is not used in that case, because the feedback will appear immediately when a drag object has been placed on the target. Is that OK?
    Here the work flow:
    Besides the object, create all the feedback text containers that you need, correct and incorrect and label them so that they are easily recognizable. I labeled them FB_1, FB_2... because my objects were Drop1, Drop2...
    Make those feedbacks initially invisible and group them in Gr_FB
    Create the drag&drop in the normal way with one correct link
    Select the target and in the in the D&D panel, click on the Accept button, change the settings like this
    The advanced actions are pretty simple, standard, with two statements: Hide Gr_FB and Show FB_n  (with the appropriate feedback container - you cannot use Shared actions in this dialog).
    In the D&D panel, choose Infinite for the number of attempts and uncheck the Failure caption.
    Lilybiri

  • I have a modem and a separate router in a part of my house that gets poor reception from the modem.My iPad won't connect to the auxillary router like my laptop does with ease. How do I get the iPad to connect?

    I have a modem, and a separate (hard wired from modem) router in a part of my house that gets poor reception from the modem.My iPad won't connect to the auxillary router like my laptop does with ease. How do I get the iPad to connect? It does see the router in my wi-fi connections list - just won't connect. !

    This article will provide a troubleshooting framework.
    http://support.apple.com/kb/TS1398

  • HT4623 updated my ipad this morning to latest iOS.7.0.2 and cannot type anything with ease.  any ideas

    updated ipad to latest iOS 7.0.2 now cannot type anything with ease...delayed type

    Reset all settings
    Settings>General>Reset>Reset All Settings

Maybe you are looking for

  • How can I change the state of a runtime menu item programati​cally?

    Using LabView 6.1, I would like to change the state of the runtime menu item "Operate/Print at completion". The goal here is to print the VI front panel according to the operator choice (OK ->print, Cancel ->don't print) In a first release, I put a S

  • Dock + iPod Video Out

    Hi all, can anyone tell me if while the ipod is docked, the video out on the ipod can be used to view photos/videos ? Thanks Chris

  • OLAPi report audit data...

    Does the auditing database capture events regarding OLAPi reports? We still have some OLAP reports in our XI R2 environment and would like to know who is still looking at these and how often. I am not seeing any data on these reports from the Activit

  • CS 5 Premium Trial - wrong programs installed

    In one of the steps to install the CS 5 Premium trial, I was given the option to select which programs to install.  I accidentally clicked "next" without checking which programs were already checked.  Now that the suite is finished installing I am wi

  • Role Upgrade from SQLMENU 5

    hi, I have just upgraded the menu from sql*menu5 to an *.mmb file for use with Forms 6i. The document I downloaded which advised me on how to do this also mentioned "Role Upgrading from Sql*menu 5. To upgrade you are told to run f45gen.exe and enter