Joomla 2.5 Jquery 无法调用 null 的方法

大家好，我正在使用 Joomla 2.5 和 Jquery，我在 chrome 控制台中遇到了这个奇怪的错误：

"Uncaught TypeError: Cannot call method 'slideUp' of null "

这是index.php标头部分：

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jscript.js"></script>
    <jdoc:include type="head" />

和 jscript.js 代码：

$(document).ready(function(){

    var slider = document.getElementById("login-form");

    alert (slider);

    $("#login-form").slideUp(100); <- error is on this line

});

我测试了它，警报显示：[object HTMLFormElement]，所以这意味着“登录表单”确实存在。不明白为什么我会得到

"Uncaught TypeError: Cannot call method 'slideUp' of null "

拜托，你能帮帮我吗！！！！

您的 jquery 代码很可能与 mootools 冲突。 尝试使用这个

jQuery.noConflict();

你的代码将如下所示-

var $j = jQuery.noConflict();
$j(document).ready(function(){

    var slider = document.getElementById("login-form");

    alert (slider);

    $j("#login-form").slideUp(100);

});