Using jQuery

jQuery is bundled with Jive and can be used to extend the core code, plugins, and themes.

jQuery scripts must be run in no-conflict mode. To understand how no-conflict mode works, see the jQuery no-conflict documentation.

Jive uses the alias $j as follows:

$j('#myElement')

Scripts using the $ alias (e.g., $('#myElement').show();) will not work.

As a best practice, when using jQuery in any environment, reference the variable jQuery instead of any shorter alias. Creating a local alias for one's own code is a good idea. Here is a common and good approach that helps to future-proof variable changes:

(function($) {  
      // Your code here.  For example:  
      $(function() {  
      $('#stuff').(/* ... /*);  
      });  
      })(jQuery);

Available jQuery Plugins

Jive versions 5.0 and higher use the jQuery JavaScript Library v1.5.1. Currently, the following jQuery plugins are supported in Jive 5.0 and higher. For the most recent list, look in src/resources/resources/scripts/jquery/.

jquery.animateBackgroundPosition.js
jquery.asyncReady.js
jquery.autogrow.js
jquery.ba-bbq.js
jquery.bgiframe.min.js
jquery.bind.js
jquery.blockUI.js
jquery.contentAutocomplete.js
jquery.delayedObserver.js
jquery.easing.js
jquery.endless-scroll-1.3.js
jquery.fancybox-1.3.0.js
jquery.flash.js
jquery.form.js
jquery.history.js
jquery.iscroll.js
jquery.Jcrop.js
jquery.jivefilebutton.js
jquery.jive.tooltip.js
jquery.json.js
jquery.jsonp-1.0.4.min.js
jquery.lightbox_media.js
jquery.lightbox_me.js
jquery.livequery.js
jquery.localscroll_me.js
jquery.media.js
jquery.message.js
jquery.metadata.js
jquery.oo.js
jquery.placeheld.min.js
jquery.popover.js
jquery.progressbar.js
jquery.progressbar.min.js
jquery.roundabout.js
jquery.roundabout-shapes-1.1.js
jquery.safelyLoad.js
jquery.scrollTo.js
jquery.serializeObject.js
jquery.spinbox.js
jquery.squeezable-tabbar.js
jquery.suggest.js
jquery.tablesorter.js
jquery.tagAutocomplete.js
jquery.template.js
jquery.templates.js
jquery.tipsy.js
jquery.tooltip.js
jquery.uploadProgress.js
jquery.userAutocomplete.js
jquery.utils.js
jquery.vgrid.js