Botón en cabecera de accordion jquery

[MagoMarlon]

Buenos días, colegas.

Se me ha presentado la necesidad de colocar unos botones de eliminar y editar en la cabecera de mi accordeon jquery. los coloco dentro de el <h3> que se usa para indicar la cabecera y funciona, el problema está en que cada vez que precioso uno de esos botones se me despliega el accordeon. La verdad no encuentro la manera de hacerlo, habrá alguna manera de hacer esto?

Saludos...

[sander]

Hola, me parece que es un problema de orden de las etiquetas de tu código, podrías poner el codigo, asi podriamos ayudarte mejor, ademas también podrías aclarar si estas usando un código propio o el de jqueryui.

[Rosencrantz]

Es probable que el evento se este propagando desde el botón hacia arriba en el DOM y por eso despliega el accordion.

Como detener la propagacion?, prueba con este código

Código:

$(".boton").click(function(event){
  event.stopPropagation();
  // do something
});

más información en

http://api.jquery.com/event.stopPropagation/

[MagoMarlon]

Hola Sander, si estoy usando el accordeon de jquery ui. mi configuración es sencilla...

Código Javascript:

var configAcordeon = {
    active:true,
    collapsible:true,
    heightStyle: 'content',
    animate:false
  };
 

el marcado es el siguiente

Código PHP:

echo " <h3> [". $obj->obtenerId()."] ". $obj->obtenerDescripcion() ."<button class='btn btn-link pull-right eliminar' id='EliminarMotivo' ><i class='icon-trash'></i></button>                          
                                <button class='btn btn-link pull-right editar' id='EditarMotivo'><i class='icon-pencil'></i></button></h3>
              <div> Aqui el contenido del item del accordeon</div>
 

Bueno ahí tiene unas variables concatenadas de php

Aparece correctamente en la cabecera ya que los botones estan dentro del <h3> pero cuando toco un botón me lanza un modal (Que así lo tengo programado) pero lo que no me gusta es que se abre el item, osea se despliega el accordeon...

Espero me entiendan... Saludos

[migue1891]

Si no entiendo mal quieres que esos dos botones no tengan la función de acordeón?

Has probado:

Código Javascript:

$( ".selector" ).accordion( "disable" );
 

[MagoMarlon]

Oye la verdad tiene mucho sentido lo que dices,, lo he puesto así

//Funcion para configurar el acordeon
$( '#accordion' ).accordion(configAcordeon);
$('#EliminarMotivo').accordion('disable');
$('#EditarMotivo').accordion('disable');

Pero no me funciona, sigue desplegando el item cada vez que hago click en alguno de esos botones...