Jquery TypeError: $ is not a function

Question

I got this script:

<script>
    $(document).ready(function () {
        $('a[@href^= ""] img').parent().click(function () {
            var linkz = $(this).attr("href");
            if(linkz.toLowerCase().indexOf("http: //www.website.com") >= 0) {
                window.open($(this).attr("href"));
                return false;
            } else {
                window.open("http://www.website.com/p/img.html?img=" + $(this).attr("href "));
                return false;
            }
        });
    });
</script>

To open all images in a new page passing the image url in the new link. but i'm getting

TypeError: $ is not a function.

I've tried to add jQuery(document) instead of the $(document) but then i got the

$('a[@href^=""] img') TypeError: $ is not a function

here.

'$ is not a function' is usually a sure sign that you've forgotten to include the jquery library — Coin_op
– Coin_op, Commented Mar 28, 2013 at 1:59

jszobody · Accepted Answer · 2013-03-28 02:01:25Z

1

Either you didn't include jQuery, or else you ran noConflict() and it released control of $.

http://api.jquery.com/jQuery.noConflict/

If you used noConflict, you just need to use jQuery() throughout, including jQuery('a[@href^=""] img').

answered Mar 28, 2013 at 2:01

jszobody

29k6 gold badges66 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Imms · Accepted Answer · 2013-03-28 02:00:44Z

0

It looks like you're not including jQuery correctly as the browser doesn't know what $ is. Make sure you include something like this in <head> to include jQuery:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

answered Mar 28, 2013 at 2:00

Daniel Imms

50.6k19 gold badges157 silver badges170 bronze badges

Comments

internals-in · Accepted Answer · 2013-03-28 02:01:33Z

0

you havent added the jquery add this at <head></head>

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

if you are testing locally , and you have a llow bandwith , then download the script one time ** http://code.jquery.com/jquery-1.9.1.min.js **to your folder and use
<script src="jquery-1.9.1.min.js"></script>

answered Mar 28, 2013 at 2:01

internals-in

5,0762 gold badges23 silver badges38 bronze badges

Comments

Jose Carlos Ramos Carmenates · Accepted Answer · 2014-03-24 17:51:20Z

Try this;

<script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
    jQuery.noConflict();
    (function ($) {
        function readyFn() {
            // Set your code here!!
        }

        $(document).ready(readyFn); 
    })(jQuery);

</script>

Or in your case:

<script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
    jQuery.noConflict();
    (function ($) {
        function readyFn() {
             $('a[@href^= ""] img').parent().click(function () {
             var linkz = $(this).attr("href");
             if(linkz.toLowerCase().indexOf("http: //www.website.com") >= 0) {
                 window.open($(this).attr("href"));
                 return false;
             } else {
                 window.open("http://www.website.com/p/img.html?img=" + $(this).attr("href"));
                 return false;
             }
        });
        }

        $(document).ready(readyFn); 
    })(jQuery);

</script>

Collectives™ on Stack Overflow

Jquery TypeError: $ is not a function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related