Question

当我在浏览器中运行此代码时，它表示没有'fadeIn'方法。有理由吗？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
    function showDiv1() {
        $("#blackback").fadeIn(500);
        $("#contactform").fadeIn(500);
        $("#blackback").click(function () {
            hideDiv1();
        });
    }
    function hideDiv1() {
        $("#blackback").fadeOut(500);
        $("#contactform").fadeOut(500);
    }
</script>

谢谢！

Answer 1

你有jquery js吗？像

 <script src="http://code.jquery.com/jquery-latest.js"></script>

参考http://api.jquery.com/delay/

Answer 2

两点

如上所述，您是否包含查询库？
当你正在调用你的函数时，你是否在等待dom加载它们之前才开始加载它们，即文档准备就绪？

我拿了你的代码并添加了文档准备和jquery库，它似乎工作正常

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            $("#blackback").hide();
            $("#contactform").hide();
            showDiv1();
        });

function showDiv1() {
$("#blackback").fadeIn(500);
$("#contactform").fadeIn(500);
$("#blackback").click(function () {
hideDiv1();
});
}
function hideDiv1() {
$("#blackback").fadeOut(500);
$("#contactform").fadeOut(500);
}
</script>

    </head>
    <body>
    <div id="blackback">ONE</div>
    <div id="contactform">contact Form</div>

    </body>

</html>

此次投放的一个示例是here

Answer 3

这是jquery函数，你必须首先注册jquery javascript框架

有人能用这段代码发现错误吗？

3 个答案: