Joomla搞砸了移动菜单

Question

这个练习网站存在多个问题。 在将其加载到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

Answer 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元素，这可能是两者之间的冲突（可能但不太可能），因此很难进一步解决该问题。