$ (...). Flexslider не является функцией ошибки

Question

Я разрабатываю шаблон Joomla 3 с использованием T3 Framework, и я включил модуль IceCarousel, который использует плагин Flexslider. Однако IceCarousel модуль не работает, потому что есть Java-ошибка, которая говорит:

$(...).flexslider is not a function 
Line 477 

Я принял взглянуть на исходный код страницы и исходные файлы FlexSlider, безусловно, есть. Существует также файл /media/jui/jquery-noconflict.js, который поставляется со стандартом Joomla 3. Я не уверен, что это вызывает проблемы. Является ли это проблемой порядка укладки javascript-файлов?

http://www.veterantrainingsymposium.com/2014-home-page

Answer 1

Вы определили Jquery два раза. удалить один JQuery http://gyazo.com/c784a654eefe6e1b6ac061e562f3f051

Answer 2

Попробуйте упростить код, чтобы проверить, есть ли проблема синхронизации, например .:

$(document).ready(function() { 
$('#icecarousel119').flexslider({ 
    selector: ".slides > div", 
    animation: "slide", 
    direction: "horizontal", 
    itemWidth:90, 
    slideshowSpeed:5000, 
    animationspeed:600, 
    itemMargin:0, 
    minItems:1, 
    maxItems:0, 
    move: 0,  

      slideshow: false, 

      directionNav: true, 

      controlNav: true, 

    start: function(slider){ 
     $('body').removeClass('loading'); 
    } 
    }); 
}); 

});

Кроме того, FlexSlider примеры использования класса, а не идентификатор (хотя я не думаю, что это вызывает проблемы)

Answer 3

я столкнулась с той же проблемой и установил ее. Я использовал только один экземпляр файла jquery.js, но все же получал ту же проблему.

После самостоятельного исследования, наконец, я получил эту проблему и исправить ее, имейте в виду, не используйте откладывать или асинхронной ключевое слово ниже 2 файлов:

1- jquery.flexslider-min.js

2- jquery.prettyPhoto.js

Answer 4

Я использовал плагин WordPress (Meta-Slider), и он не включал модуль JQuery Flexslider.

скачать здесь: https://github.com/woocommerce/FlexSlider

Добавлено в мой проект, добавил к моему заголовку после нормального Jquery ...

<script src="<?php echo get_bloginfo('template_directory'); ?>/js/jquery-3.2.1.min.js"></script> 
    <script src="<?php echo get_bloginfo('template_directory'); ?>/js/jquery.flexslider-min.js"></script> 

Затем избавились от некоторых других багги JS код, который пришел после того, как и работает.

Answer 5

Для людей, использующих Wordpress и получаю эту ошибку:

Убедитесь, что ссылка на FlexSlider JS (т.е. <script defer src="<?php bloginfo('template_url'); ?>/js/jquery.flexslider-min.js"></script>) ниже <?php wp_head(); ?>

Это применимо к загрузке скрипта в файле header.php , Лучшей практикой было бы загрузить все js в нижний колонтитул, но могут быть случаи, когда вы не контролируете это.

Надеется, что это помогает кому-то другое, как это мне помогло :)