Question

下面的代码似乎互相取消，最上面的代码可以正常工作，但是最底层代码没有，但是当我删除顶部部分时它一切正常！

两者的一个工作示例可以在这里找到：http://www.healthygit.com因为你可以看到菜单上的淡入淡出不起作用，但手风琴确实...有人知道是什么导致了这个吗？

<script>
$(function() {
    $('#slidorion').slidorion({
        first: 2,
        easing: 'easeInOutCubic',
        effect: 'random'
    });
});
</script>

<title>Healthy Git | Health And Fitness Guide</title>
</head>
<body>
<div id="headerimage"></div>
<script type="text/javascript">
$(document).ready(function($){
$('.megamenu').megaMenuCompleteSet({
    menu_speed_show : 300, // Time (in milliseconds) to show a drop down
    menu_speed_hide : 200, // Time (in milliseconds) to hide a drop down
    menu_speed_delay : 300, // Time (in milliseconds) before showing a drop   down
    menu_effect : 'hover_fade', // Drop down effect, choose between    'hover_fade', 'hover_slide', etc.
    menu_click_outside : 1, // Clicks outside the drop down close it (1 = true,    0 = false)
    menu_show_onload : 0 // Drop down to show on page load (type the number of      the drop down, 0 for none)
});
});
</script>

Answer 1

您的javascript中有错误。

未捕获的TypeError：对象[object Object]没有方法＆＃39; megaMenuCompleteSet＆＃39;

我猜你的菜单没有正确加载或没有初始化。

您可以使用Firebug（FF）或Inspect Element（Chrome）调试javascript

Answer 2

我没有看到任何特别错误，但没有剩下的代码就很难看到。我的猜测是slidorion函数还没有添加到jQuery原型中，即：

$.fn.slidorion = function() {
    //do something
}

一个Javascript阻止另一个加载

2 个答案: