的fancybox：类型错误：$（...）的fancybox不是一个函数

我想开一个奇特的箱子，但它给一个类型的错误，可以请你帮我解决这个问题

视图页面包含下面的代码

<script type="text/java script"> 
$(document).ready(function() { 
$('.fancybox').fancybox(); 
}); 
</script>

HTML代码

<a class="fancybox" href="#inline1" title="Add New Vessel"> 
    <div class="right-head-buton" style="color:#fff">Add New Vessel</div> 
    </a>

我想在看中框打开内嵌ID的div

<div id="inline1" style="width:800px;display: none;"> 
    <div class="lightbox"> 
    <?php echo $this->action('add', 'agency', NULL); ?> 
    </div> 
    </div>

在引导我有两个文件

$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'));

来源

2014-02-21 Tarzan

您是否正在加载两个JavaScript版本？或者'jquery.fancybox.js'未成功加载？ –

我使用了另外两个JavaScript 在同一页上使用日期选择器 – Tarzan

那么，那就是问题所在。在$（'。fancybox'）中使用的'$'。fancybox（）;'不是你添加插件的jQuery版本。你有包含多个jQuery版本的具体原因吗？ –

<script type="text/javascript"> 
var $= jQuery.noConflict();

noconflict在你的jQuery中单页可能是这个答案会帮助你。还有一件事使用JavaScript文件的最高版本只喜欢使用jquery 1.3.min.js和jQuery 1.3.5.min.js

来源

2014-03-03 10:26:41

哦，男人，甚至不能告诉你，我一直在这个战斗多久。谢谢！只是对jQuery的大小进行小修改，否则会中断：var $ = jQuery.noConflict（）; – abettermap

太好了。你有你的解决方案，这就是我们想要的...... –

@aleksey感谢编辑。这是错误的。 –

“无冲突”招有助于之间的jQuery 1.3.min.js。用作者的现有插件代码，您可以在IIFE把它包：

// IIFE passing in jQuery.noConflict() 
(function(jQuery){ 

    // Original author's plugin code 
    // ... 
    jQuery("a.fancybox").fancybox({ ... } 
    // ... 

})(jQuery.noConflict());

我不得不这样做有两个WordPress插件，让他们与Firefox的工作：简单的fancybox和的fancybox的WordPress。我希望这有帮助。

来源

2017-08-28 23:35:39 Drakes

我遇到了这个问题使用BootStrap。一旦将FancyBox脚本移动到BootStrap脚本下面，错误就消失了。 – PhillipOReilly

的fancybox：类型错误：$（...）的fancybox不是一个函数

回答

相关问题