Hola buenas noches, tengo un div montado con la estructura del popover:
Código:
<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>
Dentro del popTitle, tengo un button que quiero utilizarlo para cerrar el popover.
Para asociar el popover, a una serie de clases .pop, tengo este código:
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();
};
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:
Código:
var boton_delete = ($("#delete_popup .popTitle button").attr("id"));
$('#'+boton_delete).click(function(event){
alert("hola");
$($pElem.attr("id")).popover('destroy');
});
Me tendría que sacar un alert cuano puslo en el button, no?
¿alquien sabe que hago mal?