如何在一个文件中使用多个jQuery插件

时间:2010-09-21 09:22:10

标签: javascript jquery jquery-plugins

如何在一个文件中使用多个jQuery插件? 我必须在php文件中一起使用jCarousel和Lightbox插件。 jCarousel工作正常,灯箱所有路径都是正确的,但总是说

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

与花式框相同或如何使用jQuery的原型Lightbox2。

我使用下面没有冲突

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

用于原型。 Prototype Light Box开始工作,但jCarousel在此之后不起作用。

2 个答案:

答案 0 :(得分:2)

请允许我在此提出另一种选择。如果您为lightgox包含Prototype ,请不要:)

有一个jQuery版本的灯箱插件,这将节省用户下载1/2库的重量。只需在此处使用jQuery版本:http://avioli.github.io/jquery-lightbox/

有一些变体,但不需要包含两个共享类似插件的主要JavaScript库,只需选择一个并使用构建在其上的插件版本。

答案 1 :(得分:0)

您可以使用编译器将所有javascripts组合到一个文件中。着名的是

选择你选择的毒药。还有其他您可能想要调查的内容,甚至可以嵌入到项目中的开源解决方案