jQuery конфликты с mobilymap

Question

Я создаю веб-страницу в joomla с плагином jquery и пытаюсь добавить mobilymap js. Когда я положил все скрипты на загрузку правильно, интерфейс не показывает мне карту, а firebug показывает мне ошибку: TypeError: $ j (...). Mobilymap не является функцией

Heres my js :

var $j = jQuery.noConflict(); 
$j(function(){ 
    $j(".europe_map").mobilymap({ 
     position: 'center', 
     popupClass: 'bubble', 
     markerClass: 'point', 
     popup: true, 
     cookies: true, 
     caption: true, 
     setCenter: true, 
     navigation: false, 
     navSpeed: 1000, 
     navBtnClass: 'navBtn', 
     outsideButtons: '.map_buttons a', 
     onMarkerClick: function(){}, 
     onPopupClose: function(){}, 
     onMapLoad: function(){} 
    }); 
}); 

Ссылка моего FrontView http://www.gloper.org/highplay.pt/index.php/quem-somos/mundo

Может кто-нибудь помочь мне, пожалуйста ??

Answer 1

Рассматривая исходный код вашего сайта, я вижу два вопроса.

Сначала этот файл /highplay.pt/media/jui/js/jquery-noconflict.js

Это должно быть var $j = jQuery.noConflict(); это в настоящее время jQuery.noConflict();

вторых вы в том числе библиотеки JQuery в вашей проект дважды! после того, как он был указан справа от вашего сценария конфликта, что хорошо. Но далее вниз по странице вы включаете еще одну незаменимую версию jQuery прямо над вашей технологией!

<script src="/highplay.pt/templates/legacy/js/jquery.js" type="text/javascript"></script> <script src="/highplay.pt/templates/legacy/js/craftmap.js" type="text/javascript"></script>

Если удалить эту версию JQuery и просто держать Минимизированную версию в верхней части, он должен решить ваши проблемы