Geek Answers Handbook

JQuery console error: $ (this). The effect is not a function

I have been looking at my code for hours, trying to understand why this seemingly simple game with jQuery does not work:

<!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>

I tried using noConflict () to no avail. If anyone can shed light, I would be grateful.

Thank.

+5
source share
1 answer

And, looking again, I think the error message is probably " $(this).effectnot a function" (which is different from ${this}). You have not loaded the jQuery user interface where the method is defined effect.

Turn on the jQuery user interface library and try again.

+15
source

More articles: