I have php app where jQueryUI library version 1.8.4. is already implemented with jquery library version 1.4.2. But as per new requirements I need to implement some modules in kendo UI library. So I installed stable version of kendoUI and integrated with my code base but it was giving me some issues so I updated my jquery version to latest stable version. Since then I am having jquery object conflicts. So I think problem is related with jqueryUI.
So can we use both jQueryUI and KendoUI libraries at same time in same page?
I am getting error like this - $.sub is not a function. kendo.data.HierarchicalDataSource is not a constructor
Please anyone tell me how to resolve this issue?
#All,
Thanks for your help guys. My issues gets resolved. Now I have point my js to udpated CDN server jquery js, jqueryUI js and kendoUI js. By doing this I got conflicts like .live is not working and all but I have resolved them by using their alternatives.
Thanks once again.
Kendo depends on jQuery! Therefore, yes you can have both of them at the same page. Different versions of Kendo depends on different versions of jQuery.
Latest Kendo (such as 2013.1.319) works with jQuery 1.9. Upgrading your jQuery from 1.8.4 to 1.9 is quite fun (follow http://jquery.com/upgrade-guide/1.9/). If you are using some 3rd party js plugins/libs what are based on 1.8.4 in your project you might need to upgrade them too.
Related
I have a client who had a very complex jQuery app custom built by a previous developer within his WordPress site. Its functionality is cleanly broken out into several scripts which get minified together with the libraries they depend on. The libraries rely on an old version of jQuery (3.3.1). The site is complex and we need to be able to use the current version of jQuery to allow other plugins we're using to continue to keep up with upgrades.
The libraries include c. 2018 versions of:
Select2
Isotope
SpriteSpin
EasyResponsiveTabs
ImagesUploaded
jQuery Viewport
Some of these are minified/uglified.
I've used best practices to load jQuery 3.3.1 into a variable jQuery3_3_1 with noconflict();
It's rather easy to change standard jQuery to use jQuery3_3_1. But I need a way to force the libraries to use jQuery3_3_1, otherwise they are not recognized by the scripts (and some of them will have issues using a different version of jQuery than they were built in). Most of these use requireJs(), and I've seen instructions for setting up requirejs.config() code in the footer that will define "jquery" to be a particular version. Doing this would be a great solution, but I have no idea how to get these uglified scripts to use it.
I've read through several similar inquiries, but none have addressed forcing a jQuery version on minified/uglified code. Others speak to a level of expertise in jQuery module development that I don't have and don't have time to scale into.
Is there a way to get all these modules that use require('jquery') to have that reference jQuery3_3_1? I'd love it if there were a way to say, "For all the files that live in this directory, jQuery/jquery (there are 2 ways it is called) means jQuery3_3_1/jquery3.3.1".
Or being that it's a Wordpress site, could this be defined in the wp_enqueue_script() call?
Many thanks for your help!
I have a project in angularjs and I want to upgrade this project to Angular9.
The problem is most of the project uses jQuery features such as query-ui, selectors, change the dom, animations, bootstrap and more.
Say it may only my problem since I do not want to use jQuery after the upgrade, just to do stuff in the angular way. so I guess to convert jQuery to angular.
I wonder if there is a way to do that? or I need to go manually and remove the jQuery code to new one?
I know I can import jQuery to my project, but sometimes I use $('#some').innerHtml('bla') and this is not what I want to do in my new code.
What are the ideas or approaches should I consider and use?
I'm trying to use ui.sortable in my Angular project and I keep getting this error element.sortable is not a function. I'm using Angular 1.6.3 and Webpack. I tried to load this library in several ways and none works.
require('jquery-ui/ui/core');
require('jquery-ui/ui/widget');
require('jquery-ui/ui/widgets/mouse');
require('jquery-ui/ui/widgets/sortable');
Earlier I was using require('jquery-ui-sortable-npm'); which has jQueryUI core and sortable pluging provided.
I'm using selectize which is also using jQueryUI sortable and it works just fine. Does anyone succeeded to make this work?
I am working on an application where the jquery library(currently refrenced ver is 1.4.4) was never updated and the application is very big with lot of usage of jquery spread accross different pages.
I cannot upgrade the jquery library to latest version as this will break the entire website.
Now I have a problem to use third party plugins like datatable, bootstrap js, etc.
I know we can use jquery.noConflict() and give an alias to the latest jquery library and start using that.
But I am not sure if the third party plugins will also work as I think they all are using $ in their code and if I use the above solution my $ will be pointing to older version of the jquery file.
Please help me with your suggestions in this scenario.
Thanks in advance.
Just like jquery-pjax for jQuery users, is there support for the same in Dojo (for folks using Dojo 1.7.x)?
Not sure if this is helpful or not (as its not truly a dojo implementation of PJAX), but you should be able to use PJAX-Standalone https://github.com/thybag/PJAX-Standalone along side dojo without any issue's (basically pjax without the JQuery dependencies).