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元素，這可能是兩者之間的沖突（可能但不太可能），因此很難進一步解決該問題。