Jquery function cannot access global variable

Question

I have two jquery click functions that sets and retrieves value from a javascript object.

var poly;

$( document ).ready(function() {
    //save drawing
    $("#save").click( function () {
        poly = new Polygon();
        poly.savedrawingaspoly(map.polygonevent);
        poly.tract = tract;
        poly.name = $('#polyname').val();
        console.log(poly);
    });

    $("#btnClear").click(function () {
        console.log(poly);
        //poly.clearplot();
    });
});

the console.log(poly); in $("#save").click works. the console.log(poly); in $("#btnClear").click returns undefined. How do I spread the scope of the variable, so the second one can see the variable? Thanks.

Gonna second this, is btnClear being clicked before save? Otherwise, this code should work... — Christopher Messer
– Christopher Messer, Commented Aug 17, 2017 at 4:41
Write this line in above top: var poly; poly = new Polygon(); — Dilip Oganiya
– Dilip Oganiya, Commented Aug 17, 2017 at 4:43
At the first line, you only declare a variable called poly without defining it (you do not assign a value to poly). So if you click btnClear before Save, you'll get undefined. Inside the Save click callback, you assign new Polygon() to poly so it works fine. — user1976327
– user1976327, Commented Aug 17, 2017 at 4:45

Bimal · Accepted Answer · 2017-08-17 05:15:05Z

1

Use the window object to keep your variable in browser context. So the new code will look like:

$("#save").click( function () {
        poly = new Polygon();
        poly.savedrawingaspoly(map.polygonevent);
        poly.tract = tract;
        poly.name = $('#polyname').val();
        console.log(poly);

        window.poly = poly;
});

After implementing the code mentioned above; you can access poly variable through any function and also through your browser console.

answered Aug 17, 2017 at 5:15

Bimal

92110 silver badges19 bronze badges

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

Comments

guest271314 · Accepted Answer · 2017-08-17 04:50:21Z

0

You can store and access the object at .data() of #save jQuery object

$( document ).ready(function() {
    //save drawing
    $("#save").click( function () {
        $(this).data().poly = new Polygon();
        $(this).data().poly.savedrawingaspoly(map.polygonevent);
        $(this).data().poly.tract = tract;
        $(this).data().poly.name = $('#polyname').val();
        console.log($(this).data().poly);
    });

    $("#btnClear").click(function () {
        if ($("#save").data().poly !== undefined) {
          $("#save").data().poly.clearplot();
        } else {
          console.log($("#save").data())
        }
    });
});

edited Aug 17, 2017 at 4:50

answered Aug 17, 2017 at 4:46

guest271314

1

1 Comment

guest271314 Over a year ago

@Barmar Your initial comment did compel a re-read of Answer and alert to the fact that was missing $("#save").data() part of approach at $("#btnClear") handler.

Sudharsan S · Accepted Answer · 2017-08-17 05:07:23Z

0

Define like global and use it across the events and function

$( document ).ready(function() {
    //save drawing
    var poly = new Polygon();
    $("#save").click( function () {
        poly.savedrawingaspoly(map.polygonevent);
        poly.tract = tract;
        poly.name = $('#polyname').val();
        console.log(poly);
    });

    $("#btnClear").click(function () {
        console.log(poly);
        //poly.clearplot();
    });
});

answered Aug 17, 2017 at 5:07

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Collectives™ on Stack Overflow

Jquery function cannot access global variable

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related