No voy a entrar en detalles, es un plugin muy básico para que se entienda más o menos cómo realizar un plugin.
Este plugin toma los atributos “title” de cada link y los muestra con un alert al hacer click en el link.
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script>
(function($){
$.fn.pluginALerta= function() {
return this.each(function () { //HACE UN BUCLE PARA CADA ELEMENTO ‘a’ del ‘containerLink’
$(this).click(function(e){
primerFuncion($(this)); //Asigna la función a este elemento ($this)
});
});
function primerFuncion(elemento){
alert(elemento.attr(‘title’)); //Muestro el valor del atributo title
}
};
})(jQuery);
//EJECUTO EL PLUGIN
$(document).ready(function() {
$(‘.containerLinks a’).pluginALerta(); //Ejecuto el plugin y le indico los elementos que debe tomar
});
</script>
<body>
<div class=’containerLink’>
<a href=”javascript:void(0)” title=”Hola, esto es una primer alerta”>Primer Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una segunda alerta”>Segundo Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una tercer alerta”>Tercer Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una cuarta alerta”>Cuarto Link</a>
</div>
Ejemplo:
Related posts:
