添加新Javascript后出现菜单样式错误

我有如下下拉菜单：

但是，我希望一个div元素将页面顶部粘贴到特定的滚动范围，因此我在头部添加了以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(window).scroll(function(e){
    $el = $('.fixedElement');
    if ($(this).scrollTop() > 1437 && $el.css('position') != 'fixed'){
        $('.fixedElement').css({'position': 'fixed', 'top': '0px'});
    }
    if ($(this).scrollTop() < 1437 && $el.css('position') != 'absolute'){
        $('.fixedElement').css({'position': 'absolute', 'top': '1437px'});
    }
});
// ]]>
</script>

现在，我的下拉菜单如下所示：

当我注释掉新的

javascript

时，菜单会恢复正常

关于如何使我的新

javascript

与我的下拉菜单配合使用，有什么想法吗

谢谢

编辑：

与下拉菜单

javascript

相关的一个控制台错误是：

Uncaught TypeError: Object #<Object> has no method 'getElements'

在此javascript中：

当我注释掉新的

javascript

时，错误消失了，我的菜单又回来了

明白了

我的下拉菜单

javascript

使用的是MooTools库，而我的sticky div使用的是jQuery

jQuery使用“$”作为“jQuery”的快捷方式，因此

var links = $(this.options.id).getElements('a');

从MooTools库中引用

javascript

会引发错误，因为jQuery已经覆盖了“$”的定义

通过插入

jQuery.noConflict();

在jQuery脚本之前，将jQuery脚本中的所有“$”替换为“jQuery”

更多信息请点击此处：

另见：

---

@Utkanos关于下拉javascript的一个错误是：

uncaughttypeerror:Object#没有引用此行的方法“getElements”

：var links=$（this.options.id）.getElements（'a'）那么这是来自另一个脚本，因为您发布的位没有引用

getElements（）

。对，错误在下拉脚本中。我之所以使用这个代码，是因为我不太熟悉javascript。

var links = $(this.options.id).getElements('a');

jQuery.noConflict();