Fancybox：TypeError：$（…）.Fancybox不是函数

我想打开一个花哨的盒子，但它给出了一个Type错误，请你帮我解决这个问题

视图页面包含以下代码

 $(document).ready(function() { $('.fancybox').fancybox(); });  

HTML代码

  
Add New Vessel
  

我想在花式框中打开内联id div

 
 
 action('add', 'agency', NULL); ?> 
  

在Bootstrap中，我包含两个文件

 $view->headScript()->appendFile($view->baseUrl('/public/js/jquery-1.10.1.min.js')); $view->headScript()->appendFile($view->baseUrl('/public/js/jquery.fancybox.js?v=2.1.5')); 

Answer 1

在单个页面中对你的jQuery进行noconflict可能这个答案会对你有所帮助。 还有一件事使用最高版本的javascript文件，比如在jquery 1.3.min.js和jquery 1.3.5.min.js之间只使用jquery 1.3.min.js

Answer 2

“无冲突”技巧有所帮助。 要使用作者现有的插件代码，您可以将其包装在IIFE中：

 // IIFE passing in jQuery.noConflict() (function(jQuery){ // Original author's plugin code // ... jQuery("a.fancybox").fancybox({ ... } // ... })(jQuery.noConflict()); 

我必须为两个WordPress插件执行此操作才能使它们使用Firefox： Easy FancyBox和FancyBox for WordPress 。 我希望这有帮助。