0

我正在使用 jquery 插件在 joomla 中构建一个网页，并尝试添加一个 mobilymap js。当我正确加载所有脚本时，前端没有正确显示地图，并且萤火虫显示错误：TypeError: $j(...).mobilymap is not a function

这是我的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

有人可以帮我吗？

4

1 回答 1

2

查看您网站的源代码，我可以看到两个问题。

首先这个文件/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 并将缩小版本保留在顶部，它应该可以解决您的问题

于 2013-06-12T19:22:24.360 回答