How to get variables in an anonymous function in jQuery?

Question

How to pass variables to an anonymous function. I want to pass few variables to an anonymous function, based on the function, it will create a new string. In this code, i want to pass url, timestamp, id and plan.

  <script>
        jQuery(document).ready(function() {
            console.log("check")
            var newUrl=url+'?id='+id+'&timestamp='+timestamp+'&plan='+plan;
            console.log(newUrl);
            createStoryJS({
                type:       'timeline',
                width:      '1250',
                height:     '240',
                source:     newUrl,
                embed_id:   'my-timeline'
            });
        });
    </script>

@Satpal sorry I'm new to JS. I'm trying to pass few variables in function() part. — Arun Prakash
– Arun Prakash, Commented May 30, 2015 at 6:58
@Satpal I tried something like this stackoverflow.com/a/17413377/4911834 and it worked :) Thanks — Arun Prakash
– Arun Prakash, Commented May 30, 2015 at 7:12

Naveen Kumar · Accepted Answer · 2015-05-30 07:10:36Z

2

You can declare a variable with global scope and use it inside the function call as below

var globalVar = 1;
jQuery(document).ready(function() {
    console.log(globalVar);
});

answered May 30, 2015 at 7:10

Naveen Kumar

4,6011 gold badge20 silver badges39 bronze badges

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

Comments

potatopeelings · Accepted Answer · 2015-05-30 07:06:19Z

1

The argument to the ready handler is passed by jQuery and is set to the jQuery object (see https://api.jquery.com/ready/ > Aliasing the jQuery Namespace). So you can't pass it into the function declaration in your above code.

You could set it to a global object or set a form field and then read it from inside your function. Fiddle for the latter - http://jsfiddle.net/eqz7410c/

HTML

<form>
    <input id="b" type="hidden" value="123" />
</form>

JS

$(document).ready(function() {
    alert($("#b").val())
});

edited May 30, 2015 at 7:06

answered May 30, 2015 at 7:00

potatopeelings

41.2k8 gold badges97 silver badges121 bronze badges

Comments

Rohit416 · Accepted Answer · 2015-05-30 07:28:45Z

First of, jQuery(document).ready(function() {}); would be the entry point of document when it is ready to be accessed. There are several approaches to this.

The idea is you do not need to pass anything but use your resources you created in this anonymous function.

I want to pass few variables to an anonymous function, based on the function, it will create a new string.

I would not recommend you to use global variables. That function from which you probably get those values for id, timestamp and plan should return you that sting itself which you can assign to newUrl inside document ready function. You can use a closure also.

function returnUrl(){
  // code to calculate id, timestamp and path..
  // ....
  // ....
  return url+'?id='+id+'&timestamp='+timestamp+'&plan='+plan;
}

jQuery(document).ready(function() {
// DOM ready to access..
    console.log("check")
    var newUrl = returnUrl();
    console.log(newUrl);
    createStoryJS({
        type:       'timeline',
        width:      '1250',
        height:     '240',
        source:     newUrl,
        embed_id:   'my-timeline'
    });
});

Collectives™ on Stack Overflow

How to get variables in an anonymous function in jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related