Estoy luchando con jQuery. Por favor, ayúdame...
Al cargar una página, la función jQuery se ejecuta automáticamente y, al mismo tiempo, me gustaría implementar esta función al hacer clic en el botón.
Después de cargar la página, la función jQuery se ejecuta automáticamente de inmediato.
Y no hay respuesta al hacer clic en el botón.
html
<button type="button" class="btn btn-primary btn-sm" id="btn_add">LookUp</button>jQuery
<script type="text/javascript"> $(function() { ..skip.. }); </script>Después de cargar la página, la función jQuery no se ejecuta automáticamente.
Pero funciona bien al hacer clic en el botón.
html
<button type="button" class="btn btn-primary btn-sm" id="btn_add" onclick="$(this).Lookup();">Lookup</button>jQuery
<script type="text/javascript"> $.fn.Lookup = function() { ..skip.. }; </script>Mantenga la función jQuery ejecutándose automáticamente después de cargar la página.
Implemente para que la función jQuery funcione incluso al hacer clic en el botón Buscar.
¿Cómo debo arreglar esto?
Lo que debe hacer es crear una función para Lookup y luego llamar a esta función durante el documento ready y hacer clic en el botón. Consulte el fragmento de código. Estaría encantado de explicarte más si no entiendes el código.
Editar: también $.fn.<xyz> debería usarse idealmente para extender/crear funcionalidad genérica y no para funciones específicas/específicas de página.
$(function(){ //This will bind Lookup function to the button click event $("#btn_add").on("click", Lookup); //This will immediately call the Lookup function on document ready event (startup) Lookup(); }); function Lookup() { //do something alert("Looking up"); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-primary btn-sm" id="btn_add">LookUp</button>