How to use multiple jQuery Plugins in one File

Question

How to use multiple jQuery Plugins in one File? I have to use jCarousel and Lightbox plugin both together in a file of php. the jCarousel is working fine for the light box all paths are correct but it always says that

$("#gallery a").lightbox is not a function.

Same as for fancy box or how do I can use Lightbox2 of prototype with jQuery.

I used the below for no confliction

var $jx = jQuery.noConflict();
$jx(function() {
  $jx(".jgallery").jCarouselLite({
     btnNext: ".morePost",
     visible: 8,
     scroll:8   
  });

for using with prototype. The Prototype Light Box Start working but jCarousel does not work after this.

What exactly do you mean? Do you want to minimize/compact plugins into the same js file? Please clarify — Pekka
– Pekka, Commented Sep 21, 2010 at 9:23
Related: What do you use to minimize and compress JavaScript libraries? — Pekka
– Pekka, Commented Sep 21, 2010 at 9:24
possible duplicate of How to use multiple jQuery Plugins in one File — BenMorel
– BenMorel, Commented Jan 7, 2014 at 16:01

nikhil ponnuru · Accepted Answer · 2016-01-26 15:28:45Z

2

Allow me to suggest a different alternative here. If you're including Prototype just for the lightgox, don't :)

There's a jQuery version of the lightbox plugin, this will save you the weight on the user's download of 1/2 libraries. Just use the jQuery version here: http://avioli.github.io/jquery-lightbox/

There are a few variations out there, but no need to include 2 major JavaScript libraries that share similar plugins, just choose one and use the version of plugins that are built on it.

edited Jan 26, 2016 at 15:28

nikhil ponnuru

2881 gold badge6 silver badges13 bronze badges

answered Sep 21, 2010 at 11:48

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

samy · Accepted Answer · 2010-09-21 09:26:07Z

0

You can use a compiler to combine all your javascripts in one file. Famous ones are

Select your poison of choice. There are others you may want to investigate, even open source solutions that you can embed in your projects

answered Sep 21, 2010 at 9:26

samy

15k3 gold badges57 silver badges85 bronze badges

1 Comment

Jaguar Over a year ago

I have to use jcarasoul and Lightbox plugin both together in a file of php. the Jcarasoul is working fine for the light box all paths are correct but it always says that $("#gallery a").lightbox is not a funtion. Same as for fancy box or how do I can use Lightbox2 of prototype with jQuery. I used the below for no confliction var $jx = jQuery.noConflict(); $jx(function() { $jx(".jgallery").jCarouselLite({ btnNext: ".morePost", visible: 8, scroll:8 }); for using with prototype. The Prototype Light Box Start working but Jcarasoul not work after this.

Collectives™ on Stack Overflow

How to use multiple jQuery Plugins in one File

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related