jQuery Ui Slider Handler not getting dragged with mouse in PhoneGap application - jquery-ui

I am working on an iPhone Application. I am using PhoneGap in Xcode4 to develop the application and testing it with iPhone simulator 4.3.
My issue is I am using jQuery ui slider in my application to implement audio bar, the slider is moving properly with the audio but I can't drag the slider handle with mouse and when I test the same application with Safari browser it is working fine there.

jQuery UI currently does not support touch events. I would recommend using jQuery UI Touch Punch to add that functionality - http://touchpunch.furf.com/.

Related

Enable SplitView and MultiTask iPad hybrid app. Drop interaction

We have on ionic iPad app, using cordova / capacitor platform. We enabled the split view for iPad 13 using following link https://en.gg/enable-ipad-split-screen-feature-in-an-ionic-or-cordova-app/
its working fine.
We are checking to give support for drag and drop feature like
https://support.apple.com/library/content/dam/edam/applecare/images/en_US/iOS/ios13-ipad-pro-multitasking-drag-drop-animation.gif
We just want to receiver end alone, here our question how we achieve this in cordova / capacitor application
When checking the native document, we need to enable view as drop destination for application, how we did this for ionic app
https://developer.apple.com/documentation/uikit/drag_and_drop/making_a_view_into_a_drop_destination
Finally found the solution for my case
For enable splitView and multitask to custom view(UKWebView) drag and drop interaction
Full Source and Document available
http://blogs.specialapps.in/SplitView_MultiTasking

angular 6 - problem with 3d touch on newest ios

I have problem with 3d touch in my angular 6 app. When browsing site on iphone 6 and newer (with newest ios), simple click is not recognized as click. You have to press screen a while in order to click something. On other mobile systems clicks work fine. I think this is related with 3d touch.
I'm using (click)="DoAction()" for handling clicks.
Is 3dtouch should be handled separately?
I think you can use this library in your app and it works fine:
https://pressurejs.com/

IOS Phonegap App swipe from the edge to back

I am making a phonegap hybrid app and I want to implement IOS native gesture of swipe from the screen edge to go back to previous page, but I am unable to find it how exactly should I implement it in my application. I tried to do with jquery but I can't seen to figure it out. Is there any alternative that I can in my application?

IOS 7 Safari stop when touch input text area for pop up keyboard

my service has a problem.
When user get web page through mobile safari that has a lot of html and js codes, and touch input text to type a text, keyboard popup doesn't show up and safari app stops.
Is this performance issue(because of a lot of html and js codes)? or iOS safari bugs?
When I do using Chrome or though desktop, there is no problem.
I had a similar problem on iOS 7 (while everything was okay on iOS 6): in my case, the keyboard took long (about 10 seconds) to show up and Safari was frozen during that time.
I solved the problem by upgrading to newer versions of jquery and jquerymobile, in my case from jquery 1.8.3 to 1.10.2 and from jquerymobile 1.2.0 to 1.3.2
That is to say, this solution might work for you if you use jquery and jquerymobile.

JQuery UI autocomplete on iPad

Has anyone ever tried to develop an autocomplete input with JQuery UI for iPad web app?
I use JQuery mobile and added JQuery UI to do the autocomplete. It works fine on Firefox but not on iPad.
Is there any limitation or incompatibility?

Resources