Question

我正在使用jquery插件在joomla中构建一个网页，并尝试添加一个mobilymap js。当我正确加载所有脚本时，前端不会显示当前的地图，并且firebug显示错误：TypeError：$ j（...）。mobilymap不是函数

继承人我的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(){}
    });
});

我的正面视图的链接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并将缩小版本保留在顶部，则应解决您的问题

jQuery与mobilymap冲突

1 个答案: