JQuery Mobile is Brilliant (2020)

[nemethmik]

I just came here to say a Big Thank You for this amazing library and framework. I've just recently given the task of picking a robust, mature easy-to-learn, simple web application development framework specifically and exclusively for mobile and sub-mobile (watch, for example) business applications. I evaluated and worked with React JS/MaterialUI, React Native, Vue JS, Quasar, Flutter/Dart, Java/Android, C#/Xamarin. All are excellent option, but JQM simply stands out in every imaginable aspect. I use it with TypeScript, and its integration is superb. So thank you again, Friends for the great job! Miklos

[binarymind]

lol man... this was good but move on

[fillipefeitosa]

Sorry about the stupid question, I am new here and what would be the new options so I could "move on" I just want to build a vertical range input (slider) that works good on mobile devices

[Gemorroj]

@fillipefeitosa use another frameworks - angular/react/vue...

[alorbach]

@Gemorroj Which framework is most compatible to jquery mobile?

I started a complex jquery mobile project 1 year ago which works great but I just learned that the project is dead for years already which is really sad. So I may need to switch in the future somewhere.

[samarroy]

Jquery mobile is a very useful system unfortunately it is not updating any more. Today I got a warning from google play store

"Vulnerable JavaScript libraries: jquery | 1.11.1"

What are the solutions for these? To migrate the entire project to a new framework is not so easy.

Does JQM 1.4.5 support latest jquery version 3+. Google play store showing a warning

Can anyone suggest me what is a quick solution?

Thanks

[gregh3269]

For me, jqm 1.4.5 and jQuery v2.1.4 works well.

...Although to get jQ 3.5.1 working is not too difficult :

--- /home/gregh3269/downloads/jquery.mobile-1.4.5.js
+++ /home/gregh3269/downloads/jquery.mobile-1.4.5-1.js
@@ -3332,9 +3332,12 @@
 var dataPropertyName = "virtualMouseBindings",
    touchTargetPropertyName = "virtualTouchID",
    virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
+   generalProps = ( "altKey bubbles cancelable ctrlKey currentTarget detail eventPhase " +
+       "metaKey relatedTarget shiftKey target timeStamp view which" ).split( " " ),
    touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
    mouseHookProps = $.event.mouseHooks ? $.event.mouseHooks.props : [],
-   mouseEventProps = $.event.props.concat( mouseHookProps ),
+   //mouseEventProps = $.event.props.concat( mouseHookProps ),
+   mouseEventProps = generalProps.concat( mouseHookProps ),
    activeDocHandlers = {},
    resetTimerID = 0,
    startX = 0,
@@ -3372,7 +3375,8 @@
    event.type = eventType;

    oe = event.originalEvent;
-   props = $.event.props;
+   //props = $.event.props;
+   props = generalProps

    // addresses separation of $.event.props in to $.event.mouseHook.props and Issue 3280
    // https://github.com/jquery/jquery-mobile/issues/3280
@@ -6173,7 +6177,8 @@
    if ( document.readyState === "complete" ) {
        pageIsFullyLoaded();
    } else {
-       $.mobile.window.load( pageIsFullyLoaded );
+       //$.mobile.window.load( pageIsFullyLoaded );
+       $.mobile.window.on( "load", pageIsFullyLoaded );
    }

    $.when( domreadyDeferred, $.mobile.navreadyDeferred ).done( function() { $.mobile._registerInternalEvents(); } );
@@ -15430,7 +15435,8 @@
        // window load event
        // hide iOS browser chrome on load if hideUrlBar is true this is as fall back incase we were too early before
        if ( $.mobile.hideUrlBar ) {
-           $window.load( $.mobile.silentScroll );
+           //$window.load( $.mobile.silentScroll );
+           $window.on( "load" , $.mobile.silentScroll );
        }

        if ( !$.support.cssPointerEvents ) {

[alanxp]

I just came here to say a Big Thank You for this amazing library and framework. I've just recently given the task of picking a robust, mature easy-to-learn, simple web application development framework specifically and exclusively for mobile and sub-mobile (watch, for example) business applications. I evaluated and worked with React JS/MaterialUI, React Native, Vue JS, Quasar, Flutter/Dart, Java/Android, C#/Xamarin. All are excellent option, but JQM simply stands out in every imaginable aspect. I use it with TypeScript, and its integration is superb. So thank you again, Friends for the great job! Miklos

My friend, what version of jquery mobile are you using? 1.4.5 or 1.5.0 ?

[mindaugasvcs]

@nemethmik @alorbach or anyone else willing to use jqm ui components as Vue JS components here's my repo to do so: https://github.com/mindaugasvcs/jqm-ui.vue