none
Problemas con Accordion Jquery RRS feed

  • Pregunta

  • Buen dia,

    estoy creando un sitio en asp.net mvc e intento retornar una informacion por ajax y que al mostrarla lo haga en un accordion sin embargo no he tenido exito, mi codigo es el siguiente:

    HTML

     <div id="CountList" style="height: 200px">
                
        </div>

    JS

     $(function () {
                        $("#CountList").accordion({
                            collapsible: true
                        });
                    });


     function updateNotification() {
                        $('#notiContent').empty();
                        $('#notiContent').append($('<li>Loading...</li>'));
                        $.ajax({
                            type: 'GET',
                            data: { opc: btnopc },
                            url: '@Url.Content("~/Notification/GetNotifications")',
                            dataType: 'json',
                            cache: false,
                            success: function (response) {
                                $('#notiContent').empty();
                                if (response.length == 0) {
                                    $('#notiContent').append($('<li>No data available</li>'));
                                }
                                $.each(response, function (index, value) {
                                    var date = value.fchaNtfccion;
                                    var m = moment(date).format('DD/MM/YYYY h:mm a');                                
                                    $('#CountList').append($('<h3>' + value.ttlo + '</h3><div><p>' + value.mnsje + '</p></div>'));
                                });
                            },
                            error: function (error) {
                                console.log(error);
                            }
                        })
                    }


    al finalizar se muestra asi:

    es el que dice test, deberia quedar como el que dice Section1

    Alguna suguerencia ?

    lunes, 12 de septiembre de 2016 21:32

Todas las respuestas

  • Hola Jeff M Quintero,

    Inspeccionar el HTML compilado en el navegador, y mira las diferencias entre ambos, así puedes saber que es lo que falta o está demás.

    O sino puedes mostrar el link de que librería usas, para echarle un ojo a su estructura.

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    lunes, 12 de septiembre de 2016 21:51