JQuery: Как получить переменную внешнюю функцию события

Question

Этот мой код.

/** 
    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); 

Я хотел бы поместить наши переменные ($ h_height) из функции. Я использовал console.log для отображения. это показать неопределенными

Answer 1

сделать глобальные переменные в 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(); 
    } 
}) 

Если вы хотите напечатать значение с помощью console.log Тогда помните, что мы устанавливаем свои значения после того, как некоторые триггеры событий. Таким образом, по умолчанию его значение может быть неопределенным, как это определено по умолчанию, и его значение получает значение после определенного события, как событие щелчка в моем случае

Jquery Скрипки Чтобы показать, как Trigger значение глобальной переменной, в 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" />