We Keep Coding

primefaces jquery ui tabs

Context: Trying to use jquery ui plugins (tabs and dialog) in a primefaces application directly from javascript (due to a certain requirement).
Problem: Getting 'length undefined' and 'undefined not a function' errors on the calls. More specifically, $("#id").tabs() is throwing the error.
What I did: search in stackoverflow; checked $.fn.* and $.ui.* in the console; surprisingly a lot of ui plugins are available (datepicker, droppable, selectable) but dialog and tabs seem to be missing. $.ui.version is 1.11.3. I tried using outputScript and directly <script> tags to include jquery ui, but none seemed to include these plugins; tried noConflict.
Additional info: It worked at some point intermittently.. not sure what caused it to work and what is preventing it from working now. Spent a lot of time troubleshooting this.
Advance thanks for your time and shall drop additional info if required.

PrimeFaces contains a customized (subset) of the jQuery-UI components. The others have to be added by you. And make sure you use them from a compatible version. Compatible with the jQuery version that PrimeFaces uses.
Including them should be done like you normally would include separate jquery-ui components or jquery-ui compatible ones by normally loading them via a javascript tag

Jquery UI autocomplete in APEX

In APEX pages that have a text field with autocomplete, $.fn.autocomplete is overridden by a totally different function that integrates APEX functionality.
jQuery UI is loaded, but overridden.
How can I use the jQuery UI version?

To avoid conflict between different jqueries having different versions use noConflict() method which returns a reference to jQuery, that you can save in a variable.Please check documentation https://api.jquery.com/jquery.noconflict/
Hope this will help you.

Dojo widget is not working properly with jQuery

I am using jQuery and Dojo widget on same JSP page but getting this issue,
Dojo part is working fine until I click on jquery based dropdown, as soon as I click jQuery-Dropdown, dojo based dropdown stops working.
I have searched a lot and tried following to resolve this issue but no use
Has anybody used Dojo and JQuery in the same project?
If I use
$.noConflict(true);
jquery dropdown stops working after one click, which means on first click it opens but then is not closed and not do anything else.
all the help would highly be appreciated.
Note: This is the very first time I am using Dojo and jquery.
EDIT: I used closure as well something like
(function($) {
var jQuery = $.noconflict(true);
var $ = jQuery;
})(jQuery);
but it also didnt help.
Please tell me how to make Dojo dropdown keep working even after Jquery-dropdown clicked.

If it helps there is another question regarding how to use jquery with dojo in the same project, it gives an example of the dojoConfig and talks about how to import jquery using AMD.
jQuery / Dojo - How do I use jQuery with Dojo toolkit

Bootstrap conflicting with jQuery lib

I´m using jQuery UI datePicker and jQuery UI toolTip and they work fine.
Then I also want to use the tagsManager from Bootstrap, but when I include the "bootstrap-tagmanager.js" and the "bootstrap.min.js" I start getting "TypeError: e is null" messages and neither the datePicker or the toolTip works.
(TypeError happens when click on the date-field for the datePicker).
Anyone has a work-around for this?

Are you including the javascript files in this order?
jquery.js
bootstrap.min.js
bootstrap-tagsmanager.js
look at: Does the ORDER of javascript files matter, when they are all combined into one file?

if you have conflit between jQuery file, use $.noConflict(); before your $(document).ready();
Make sure that your lib call is good. Call first the jQuery and add bootstrap lib after.

Maybe, jQuery.noConflict() will help you.
http://api.jquery.com/jQuery.noConflict/#jQuery-noConflict1

De-register jQuery from WordPress functions.php

Ok, so I already hav found many postings that answer the question "How do I de-register jQuery from WordPress". But unfortunately my problem is more complex than that.
I am using the WP eCommerce plugin and the plugin is registering jQuery which conflicts with the main sites use and registration of jQuery.
Does anyone know a way from functions.php to de-register the hook from wp_head() that is added by WP eCommerce. I just don't want to do a hackjob on this so I'm looking to make this change modularly (e.g. include it in functions.php)

As far as I know, latest WP-ecommerce does not register jQuery itself, but uses a default jQuery from your WordPress installation. That means that to change the version of jQuery, you need to add you action handler to wp_head with the priority value of 9 - it will be handled right after default jQuery is registered by WP. So you'll be able to replace jQuery with some other version.