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

检查您提供的网址会显示以下基本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元素没有进一步解决问题，那么两者之间可能存在冲突（可能但不太可能）。

Joomla弄乱了移动菜单

1 个答案: