Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/02/2013, 14:33
piretrus
 
Fecha de Ingreso: marzo-2006
Mensajes: 75
Antigüedad: 18 años, 8 meses
Puntos: 1
Pregunta problema con popover de bootstrap

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?