¿Cómo puedo declarar una variable Jquery de manera global?
He buscado la manera de declarar una variable de manera global, en el que pueda acceder al valor de un <input>
ya que el problema está, en que la variable es utilizada en por lo menos en otras 20 funciones diferentes. Usualmente declaro las funciones de la siguiente forma:
function Funcion1(){
var valor1 = $('#objeto1').val();
var valor2 = $('#objeto2').val();
var valor3 = $('#objeto3').val();
Generar(valor1,valor2,valor3);
}
/*
* mismos objetos utilizados que en Funcion1
*/
function Funcion2(){
var valor0 = "objeto";
var valor1 = $('#objeto1').val();
var valor2 = $('#objeto2').val();
var valor3 = $('#objeto3').val();
Otro(valor0,valor1,valor2,valor3);
}
... (n funciones)
¿Cuál es la forma correcta de declarar de manera global un var dato = $('#dato').val();
?
Aquí muestro un ejemplo de cómo es mi idea:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Tu nombre:<br>
<input id="dato" type="text">
<button id="boton">ok</button>
<script>
var saludo = 'Hola ';
var dato = $('#dato').val(); //¿Cuál es la mejor manera?
$('#boton').click(function(){
alert(saludo + '\r\n' + dato); //no obtiene el dato de manera global
});
</script>