
En este tutorial mostraremos la manera de abrir un enlace a una nueva pestaña o ventana con jQuery, me parece un truco practico y fácil de usar en los sitios web.
Para conseguir que el jQuery funcione tenemos que llamar a la biblioteca de jQuery en este ejemplo vamos a utilizar la biblioteca de Google:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Luego diseñaremos nuestro HTML a nuestro gusto en este ejemplo vamos a utilizar button = botón. Este elemento crea botones marcadores.La etiqueta de HTML <button> representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar. De forma predeterminada, los botones HTML se presentan con un estilo similar en todas las plataformas, estos estilos se pueden cambiar utilizando CSS.
<button class="open-link" style="cursor:pointer;">Abrir enlace con jQuery</button>
Y por ultimo agregaremos nuestro código de jQuery.$('.open-link').click(function(){
window.open('https://tutorialesenlinea.es/');
return false;
});
Ver resultado.
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!