FancyBox: TypeError:. $ (...) 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>

Я хочу, чтобы открыть встроенный DIV ID в фантазии поле

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

В Bootstrap I включают два файла

$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.min.js и JQuery 1.3.5.min.js

источник

2014-03-03 10:26:41

О, мужчина, даже не могу сказать, как долго я сражаюсь с этим. Спасибо! Просто небольшая коррекция капитализации jQuery, иначе она ломается: var $ = jQuery.noConflict(); – abettermap

Отлично. Вы получили свое решение, это то, что мы хотим ..... –

@aleksey Благодаря редактированию. Это было по ошибке. –

«ничто не конфликт» Хитрость помогает. Для того, чтобы использовать существующий авторскую код плагина, вы можете обернуть его в IIFE:

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

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

})(jQuery.noConflict());

Я должен был сделать это в течение двух WordPress плагинов, чтобы заставить их работать с Firefox: Easy FancyBox и FancyBox для Wordpress. Надеюсь, это поможет.

источник

2017-08-28 23:35:39 Drakes

Я столкнулся с этой проблемой, используя BootStrap. Как только я переместил скрипт FancyBox под скриптом BootStrap, ошибка исчезла. – PhillipOReilly

FancyBox: TypeError:. $ (...) FancyBox не является функцией

ответ

Смежные вопросы