Question

我一直在盯着我的代码几个小时，现在试图弄清楚为什么这个看似简单的jQuery游戏无效：

<!DOCTYPE HTML>

<html>

    <head>

        <title>title</title>

        <meta charset="UTF-8">
        <meta name="keywords" content="test">
        <meta name="description" content="test">

        <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>
        <p class='box' id='title'>&quot;test&quot;</p>
        <div class='gallery'>
            <p class='tNail' id='one'>
            <p class='tNail' id='two'>
            <p class='tNail' id='three'>
            <div class='clear'></div>
            <p class='tNail' id='four'>
            <p class='tNail' id='five'>
            <p class='tNail' id='six'>
            <div class='clear'></div>
        </div>
        <div class='clear'></div>
        <p class='footer'>test 2011 <a href='#'>test</a></p>
    </body>

    <script type="text/javascript" src="jquery.js"></script>
    <script>
        $(document).ready(function()
        {
            $(".tNail").click(function()
            {
                $(this).effect("scale", {percent:200, direction:'both'}, 1000);
            });
        });
    </script>

</html>

我尝试过使用noConflict（）无济于事。如果有人能说清楚，我会感激不尽。

感谢。

Answer 1

啊，再看一遍，我认为错误信息可能是“$(this).effect不是一个函数”（这与${this}有很大不同）。您尚未加载jQuery UI，这是定义effect方法的地方。

包含jQuery UI库，然后重试。

jQuery控制台错误：$（this）.effect不是函数

1 个答案: