Joomla 搞砸了移动菜单答案

【问题标题】：Joomla's messing the mobile menu upJoomla 搞砸了移动菜单
【发布时间】：2014-07-30 05:26:45
【问题描述】：

我对这个练习网站有多个问题。它在桌面上运行得非常好，直到它被加载到 Joomla 上。现在菜单始终处于打开状态，当我隐藏它时，它也会隐藏在桌面和平板电脑上。嘘。

这是该网站的链接：http://dgm3740.inkedkeyboard.com/joomla/

这是我一直在使用的 js 脚本：

$(document).ready(function() {
    //$(function(){
        $('#showPhoneNav').click(function() {
            $(".primary-nav").slideToggle('normal', function(){ //Shows Nav area
                if ($('.primary-nav').is(':visible')) {
                    $('#showPhoneNav').text('Hide Menu');
                } else {
                    $('#showPhoneNav').empty();
                    $('#showPhoneNav:first-child').append('<img src="http://dgm3740.inkedkeyboard.com/joomla/templates/varyastemplate/img/menuIcon.png" alt="navigation icon" />');
                } //end of if
            }); //end of slidetoggle
        }); //end of myNav
    //}); //end showPhoneNav
}); //end of ready

【问题讨论】：

对不起，我没有关注。你到底想达到什么目的？菜单应该做什么？我已经对其进行了测试，没有发现任何问题。另请注意，您在您的网站上两次导入 jQuery，这可能会导致与某些脚本发生冲突。

标签： javascript mobile joomla menu responsive-design

【解决方案1】：

检查您提供的 URL 显示以下基本 Javascript 错误：

TypeError: 'undefined' is not a function (evaluating '$('#main-slider').flexslider({
        animation:      "slide",
        slideshowSpeed: 4000, 
        animationSpeed: 300
    })')

快速查看页面显示，在 html 中的任何位置都找不到 main-slider，您在发布问题后是否将其删除？

或者，查看该页面的标题，我还可以看到您同时加载了 jQuery 和 Mootools：

<script src="/joomla/media/jui/js/jquery.min.js" type="text/javascript"></script>
...
<script src="/joomla/media/system/js/mootools-core.js" type="text/javascript"></script>

如果页面上没有main-slider 元素，这可能是两者之间的冲突（可能但不太可能），很难进一步解决问题。

【讨论】：