Jquery uncaught referenceerror: function is not defined

Question

1.00/5 (1 vote)

See more:

I am stuck with this error and I find it frustrating because I already used this code in my old project and it's working fine but when I add the code for my new project it display nothing like it's not working and when I look up the browser console it presents the error Uncaught ReferenceError: showDays is not defined. I put this code inside the onchange event of a select control..

Here is the code that generates the error:

JavaScript

function showDays(str)
{
    $.get("<?php echo site_url('wip/get_deliverydays');?>",{q:str},function(data){
        $("#deliverydays").html(data);
    });
}

What I have tried:

I tried searching solution for this error but they gave answers that are not applicable to my problem.

Posted 22-Feb-16 21:48pm

RaydenFox

Updated 22-Feb-16 22:33pm

Add a Solution

Comments

Sergey Alexandrovich Kryukov 23-Feb-16 4:21am

This is not what we mean by "trying". It's not using "trial and error" and mot searching for the solution. People are not publishing solutions of your problem, unless they are quite common. Trying, in the sense implied here, is using your logic and fundamental facts to rationally solve the problem.

In this particular case, in your "old project" which is "working fine", showDays had been defined in the context where you use it, and in your "new" one, it is not. As simple as that. Define it and you are done. Beyond that, the question makes no sense.

—SA

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manas_Kumar · Answer 1 · 2016-02-22T22:33:00

It is mostly scope issue. Although showDays() function defined it is not accessible due to global scope. So you need to put your code outside jQuery function or you need to call the function inside jQuery function scope:

Option 1: Put your custom function outside

JavaScript

function showDays(str)
    $.get("<?php echo site_url('wip/get_deliverydays');??>",{q:str},function(data){
        $("#deliverydays").html(data);
    });
}

$(function () {

});

<div id="divClick" onclick="showDays('value')" >Click Me!</div>

Option 2: Use inline handler and unobtrusive JavaScript

JavaScript

$(function () {
    function showDays(str){
       $.get("<?php echo site_url('wip/get_deliverydays');??>",{q:str},function(data){
         $("#deliverydays").html(data); 
       });
    }

    $('#divClick').click(function(){
        showDays("someValue");
    });
});

HTML element with no inline code:

HTML

<div id="divClick">Click Me!</div>

Sergey Alexandrovich Kryukov · Answer 2 · 2016-02-22T22:32:00

Use some elementary logic. Look at your own code sample. It tells you and us that showDays is actually defined. When you face "not defined" error, it's about some fragment of code where the symbol in question is not defined. Therefore, the problem is not in the code you show, but in the code trying to use this function. Therefore, your question does not really make sense: you don't show the source of the problem.

At the same time, it's clear what to recommend you. The problem is really simple.

Find out the code which really cause the exception. Maybe the code you are showing in this page is totally absent; that is, you my show the fragment of code which is not actually used on your page in question. If it is used, look at the fragment of code using the function and try to understand why the function is not accessible in that fragment. If it does not help you much, also look at your "old project" which is "working fine", locate both the function and all places when the function is used, and try to understand why in that old code it works.

And then, look at my comment to the question and make some conclusion. You should not use trial and error approach, but should understand how code really works, at least the code which you right yourself and which is "working fine". Look at that code critically; maybe even that is not really "fine", if you fail to understand how it works.

—SA

Jquery uncaught referenceerror: function is not defined

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0