JQuery pass a variable from function to function

Question

I have a variable that is retrieved via a .click function and I want to pass it to another function but I"m having trouble passing it correctly because when I call the other function nothing happens.

var className;
var flavor;
(function ($) {

  Drupal.myTest = Drupal.myTest|| {};

  Drupal.behaviors.myTest= {

    attach: function (context, settings) {

          Drupal.myTest.myFunction= function (className) {
            var passedVar= className;
            alert(passedVar);
          };



          $('.buttons').on('click', function(event) {
            className = $(this).attr('class');
          });

          $('#test').on('click, function(event) {
        Drupal.myTest.myFunction();
          });

    }

  };

}(jQuery));

Arun P Johny · Accepted Answer · 2013-08-23 16:19:32Z

1

Try

(function ($) {
    var className;
    var flavor;

    Drupal.myTest = Drupal.myTest|| {};

    Drupal.behaviors.myTest = {
        attach: function (context, settings) {
            Drupal.myTest.myFunction= function (className) {
                var passedVar= className;
                alert(passedVar);
            };

            $('.buttons').on('click', function(event) {
                className = $(this).attr('class');
            });

            $('#test').on('click', function(event) {
                Drupal.myTest.myFunction(className);
            });
        }
    };

}(jQuery));

edited Aug 23, 2013 at 16:19

answered Aug 23, 2013 at 15:42

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

CR47 Over a year ago

This didn't seem to work. Could you please see my edit to my question above and you may be able to get a better representation of my code?

Arun P Johny Over a year ago

@CR47 you need to pass className as a parameter in the call Drupal.myTest.myFunction(className);

Arun P Johny Over a year ago

@CR47 that is a parameter definition... not there... where you call that function... in this case inside $('#test').on('click', function(event) { Drupal.myTest.myFunction(className); });

Arun P Johny Over a year ago

@CR47 @CR47 in your case myFunction is accepting a parameter with name className so in the scope of the function className will refer the local parameter not the closure variable className

Arun P Johny Over a year ago

@CR47 I've updated the answer with your new code... another solution is to remove the parameter className from myFunction so that inside the function scope className will refer to the closure variable

cssyphus · Accepted Answer · 2013-08-23 15:33:43Z

0

Declare the function outside of $(document).ready()

<script type="text/javascript">
    var myPassedVar;

    $(document).ready(function() {
        $('.buttons).click(function() {
          var className = $(this).attr(class);
        });

        myFunction = function (className) {
          myPassedVar = className;
          alert(myPassedVar);
        };

        $('#test').click(function() {
          myFunction(className);
        }
    }); //END $(document).ready()
</script>

answered Aug 23, 2013 at 15:33

cssyphus

40.4k20 gold badges104 silver badges125 bronze badges

3 Comments

CR47 Over a year ago

Did you mean declare the variable?

cssyphus Over a year ago

OUTSIDE of document ready. Declare it, create it, assign it a value, just make sure it exists outside $(document).ready() -- or its shorthand version: $(function()

CR47 Over a year ago

I made an edit to my question that shows my code better in addition to the suggestion you made.

Collectives™ on Stack Overflow

JQuery pass a variable from function to function

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related