Código:
Dentro del popTitle, tengo un button que quiero utilizarlo para cerrar el popover.<div id="delete_popup" class="popSourceBlock"> <div class="popTitle"> <span>¿Estas seguro que deseas borrarlo?</span> <button id="borrar" class="deletePopOver" href="javascrip:void(0);"></button> </div> <div class="popContent"> <div class="bt_popOver_borrar"> <a href="javascrip:void(0);">Borrar</a> </div> </div> </div>
Para asociar el popover, a una serie de clases .pop, tengo este código:
Código:
Lo que hago es asociarle a unas clases el popover, eso me funciona. Lo que no me sale, es cerrar el el popover desde un <button> que genero en el content del popover. En principio con este código:$(".pop").each(function() { var $pElem= $(this); $pElem.popover({ title: getPopTitle($pElem.attr("id")), content: getPopContent($pElem.attr("id")) }); var boton_delete = ($("#delete_popup .popTitle button").attr("id")); $('#'+boton_delete).click(function(event){ alert("hola"); $($pElem.attr("id")).popover('destroy'); }); }); function getPopTitle(target) { $("#delete_popup .popTitle button").attr("id","borrar_"+target); return $("#delete_popup > div.popTitle").html(); }; function getPopContent(target) { return $("#delete_popup > div.popContent").html(); };
Código:
Me tendría que sacar un alert cuano puslo en el button, no?var boton_delete = ($("#delete_popup .popTitle button").attr("id")); $('#'+boton_delete).click(function(event){ alert("hola"); $($pElem.attr("id")).popover('destroy'); });
¿alquien sabe que hago mal?