Fancybox:TypeError:$(...).Fancybox不是一个函数

Question

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

视图页面包含以下代码

<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>

在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

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

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