How do I know what's in my jQuery UI custom build? - jquery-ui

I'd like to upgrade my jQuery UI version due to an annoying slider bug found in older versions.
My problem is that I'm using a custom jQuery UI build, with an inherited codebase. The current jquery-ui.min.js is about 260k, so I really don't want to download the whole thing at 2 megs zipped!! Is there any way to easily figure out exactly what I'm using so I can upgrade only the relevant bits?

Related

jquery.event.drag and jquery resizable incompatibility

I've both slickgrid and jquery-ui libraries and is causing some problems. Without jquery.event.drag library (needed by slickgrid) it was working nicely.
I have a resizable and draggable div and I am using THREEDUBMEDIA's jquery.event.drag plugin.
When I try to resize the div it's doing drag&drop and resize too.
Did somebody had some trouble combining both libraries, can it be fixed?
fiddler example : fiddler
The solution I found is to use older version of the jquery.event.drag libray.
I am now using:
jquery.event.drag 1.5
jquery 1.7.2
jquery-ui 1.10.3
SlickGrid 2.1
and it's working fine.
The real solution is to get jquery.event.drag and jquery-ui to resolve their incompatibility.
SlickGrid uses/requires jquery.event.drag, and there's good reason for it. It's dependency on jQuery UI is purely optional. jquery.event.drag is small, efficient, and is a much better fit for the functionality that I needed for SlickGrid. Switching to jQuery UI's drag/drop is out of the question, and implementing it directly is a step backwards.
Since you are using jQuery UI, why are you using another plugin for drag and drop features?
You can use and mix jQuery UI:
drag & drop
resizable
Forked demo: http://jsfiddle.net/IrvinDominin/5kn5S/
I ran today into the same issue.
The answer must be to fix slickgrid.
I.e. making it configurable, which plugin to use:
jquery.event.drag OR jquery-UI -- not both.
I opened this issue: https://github.com/mleibman/SlickGrid/issues/811
-- Sebastian

PhoneGap (Cordova), with Sencha Touch 2 or jQuery Mobile?

In the past i've used PhoneGap (1.x) with Sencha Touch 1.x, because that was back then the best combination. Although i'm a much bigger fan of jQuery than any ExtJS library. But jQuery Mobile was really buggy back then. Page transitions caused white flashes on Android devices. Responsiveness wasn't as good as it was with Sencha Touch 1 (ST1). Eventhough ST1 also had its quirks, it was definitely the best choice.
But currently PhoneGap is at version 2 and Sencha Touch aswell. But like i said, i like jQuery more. So i'm actually wondering if jQuery Mobile is any good these days. Does it still show alot of flickering when sliding from one page to another? Or any other buggy things?
Or should i still go for Sencha Touch (version 2 in this case)?
I hope i can cut some time in testing out both of these products by the answers in this post. That's the reason i'm asking.
This really depends on what platform you are going to create the application.
If suppose you want to build an iOS app then you should go for Phonegap + sencha because sencha makes it looks like a real native app. It will work very good for iPhone. But if you want to port the same app in Android. Then its a mistake. It is very slow in android due to low hardware specs. Although it is some what better in HTC one x and S3 because of there good specs.
I would recommend for Jquery Mobile because it is improved in these years. Although its look and feel is not that much good as Sencha but it works very well in almost all the platforms i Tested(Android 2.x and later, Iphone, BB 5.x and later).
One advantage that JQM has over Sencha is that
Jquery mobile scripts can be customized and then imported in your application. It can be minified as per your needs. For furthur info look here http://jquerymobile.com/download-builder/
So JQM will be more lightweight than sencha.
This is all my personal experiences which i have. Hope it helps you
That flickering issue has been resolved in the latest version of Jquery Mobile.
http://jquerymobile.com/blog/
https://github.com/jquery/jquery-mobile/issues/4024 resolved.
#Coder_sLaY: Sencha has SDKTools and a Visual IDE that can not only create an app build, and after that they can create native android/ios builds. Sencha can be as lean as jQuery mobile.
So Sencha mobile scripts can be customised, external scripts included, and then the code is minified ready for production, removing all unused classes from Sencha touch.
If you're going to look at the Sencha route, then go to the API docs and check out the guides and videos, as there is a lot that's changed to make coding easier including the new data package which is simply amazing!
There are some discussions about this subject on Quora too.
You might want to check out this thread We're deciding between jQuery Mobile, Sencha Touch & Dojo Mobile. What are the pros and cons for each?.

JQM crashes Blackberry simulator

Prior to deploying JQuery Mobile js script to Blackberry application, simulator(Blackberry Bold 9700) crashes throwing an error "Class 'net.rim.device.api.crypto.MD5Digest' not found". I also renamed all dashes to dots, so this may not be the case of error, without a script application starts and works fine, but without JQM obviously, I also tried cleaning simulator. Does anyone comes with a solution?
If you are using jQuery Mobile pre 1.1 then make sure you are using jQuery Core 1.6.4.
I got white-screens when I used jQuery Core 1.7 with jQuery Mobile 1.0 Final, no problems on iOS or Android devices, just with BlackBerry.
If you are using jQuery Mobile 1.1.0 RC-1 then you should be able to use jQuery Core 1.7.1 but I have not tested this.
doing a quick search I found this BlackBerry Support Forum thread:
Application Entry Point Runtime Exceptions
the solution post is:
Lesson learned: if it doesn't work and you have no idea why, wipe/clean the device/simulator and/or make a new project and re-add all your source/resource files.

Requirements for cherry picking a single function out of jQuery Mobile?

I'm interested in incorporating the jQuery Mobile Datetime text input capabilities into a hobby Rails app that I'm building. I do not need any of the other jQuery Mobile features.
What is the best way to go about this? Will it work if I include nothing but the jquery.mobile.forms.textinput.js file from github or are there other required jQuery Mobile files?
I know in the Release Notes for RC1 they had decoupled jQM and were working on a Download Builder
http://jquerymobile.com/blog/2011/09/29/jquery-mobile-1-0rc1-released/
Download builder: In the works
Now that we’ve decoupled most of the UI widgets, we’ve set the stage
for there to be a download builder. This will let you build a custom
version of jQuery Mobile to only include the parts you need. For
example, you could just use the core files to add Ajax-based
navigation with pushState and leverage some of the touch events and
other utilities with a very lightweight build (roughly 10k). Or, you
could add in specific UI widgets like form elements, listviews, etc.
to create an optimized build. We’re aiming to have a download builder
tool launch as part of 1.0 final in some form. We’re working on a
dependency map now for all the plugins to support this tool.
Not sure if this is release as of yet
As far as I know there is no widget for a date/time picker packaged with jQuery Mobile at the moment.
There are however several options out there (and I'm sure you can find more with some Google-time):
http://mobiscroll.com/ - I use this one on mobile websites
http://dev.jtsage.com/jQM-DateBox/ - Updated to work well with jQuery Mobile 1.0RC3, but note that it requires jQuery Mobile (see J.T.Sage's comment below).

Why asp.net generate Jquery version 1.3.2 NuGet has version 1.6,2

when I run the application, the system crushes because of a bug related to
Problems with simple modal in IE9
The problem is that, even though there was an update on JQuery, the system continue to genrate a file jquery-1.3.2.min.js and I don't know where this comes from.
Tried the configuration files or on the internet. The file jquery-1.6.2 is also generated.
Any one can help ?
Its probably being brought over by NuGet during update or it may also be coming from source control. I wouldn't worry about it, just reference the jquery version you want and that should be enough for you assuming the file is in your solution and the link is right.

Resources