jQuery：如何获取外部事件函数的变量

Question

This my code.

   /**
     Sticky Header
    **/
    var $h_height;

    $(".site-header").sticky({
        topSpacing:0,
    });
    $('.site-header').on('sticky-start', function() {
        $h_height = $(this).outerHeight();
    });
    $('.site-header').on('sticky-end', function() { $(this).parent().css('height', 'auto'); });

    console.log($h_height);

I would like to put our variables ($h_height) out of the function. I used console.log to display. it show undefined

Answer 1

To Make Global Variables in Jquery

var a_href;
jQuery(function(){
    $('sth a').on('click', function(e){
        a_href = $(this).attr('href');

          console.log(a_href);  
         //output is href value of clicked link

        e.preventDefault();
    }
})

If you want to print value using Console.log Then remember we are setting its values after some event triggers . So by default its value could be undefined as it is undefined by default and its value gets set after a particular event like click event in my case

Jquery Fiddle To Show How To Trigger Value of Global Variable in Jquery

 //Global Variable var a_href; //Global Variable Value Triggered After Button1 Click $('#bt').on('click', function(e){ a_href = $("#tx").val(); alert(a_href); //console.log(a_href); //output is href value of clicked link e.preventDefault(); }); //Global Variable Value Triggered After Button2 Click $('#bt1').on('click', function(e){ a_href = $("#tx1").val(); alert(a_href); //console.log(a_href); //output is href value of clicked link e.preventDefault(); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" value="hh" id="tx" /> <input type="button" value="Button1" id="bt" /> <br/> <br/> <input type="text" value="hh1" id="tx1" /> <input type="button" value="Button2" id="bt1" />