Cómo bucle de anteceso en cuchilla mientras utiliza jquery en Laravel

Estoy usando Laravel 5.4 y nunca he probado jquery así que no tengo idea de lo que estoy haciendo, por desgracia.

Esta es mi espada:

Comments:


    
    @foreach ($threads->comments()->where('parent', 0)->orderBy('created_at', 'desc')->get() as $comment)
        
  • 
            Avatar
            
     
                {{ $comment->user->user_name }}: 
                
    
                {{ $comment->content }}
                {{ $comment->created_at->diffForHumans() }}
            
    
            @if ($threads->lock == 0)
                reply
                
    
                
                
    
            @endif
            @foreach ($comment->childs as $child)
                
    
                    Avatar
                    
     
                        {{ $child->user->user_name }}: 
                        
    
                        {{ $child->content }}
                        {{ $child->created_at->diffForHumans() }}
                    
    
                
    
            @endforeach
        
    • 
    @endforeach

Aquí está mi guión personalizado:

Estas líneas son específicamente las que estoy tratando de ejecutar usando el script anterior:

@if ($threads->lock == 0)
    reply
    

        
    

@endif

Pregúntame si necesita más detalles

Pregunta hecha hace 3 años, 4 meses, 29 días - Por Brian

2 Respuestas:

  • El problema que estás experimentando se debe a que estás utilizando el mismo id "btn-comment" para todos los comentarios generados en el bucle @foreach. Los id deben ser únicos dentro de un documento HTML, por lo que al seleccionar el botón con $('<h15>btn-comment') en tu script de jQuery, sólo se aplicará a la primera incidencia del botón "reply". Para corregir esto, puedes cambiar el id "btn-comment" a una clase, lo que te permitirá seleccionar todos los botones y aplicar la acción deseada a cada uno de ellos. Aquí tienes un ejemplo de cómo puedes modificar tu código:

    • Cambia el id "btn-comment" por una clase en tu archivo Blade donde se muestra el botón de reply:
    html
reply

    • Actualiza tu código jQuery para seleccionar la clase en lugar del id:
    javascript
$(document).ready(function(){
    $('.btn-comment').click(function(){
        $(this).next('form').toggle('slide');
    });
});

    Con estos cambios, el código jQuery debería poder manejar correctamente múltiples botones de reply en tus comentarios generados por el bucle @foreach. Recuerda ajustar cualquier otra parte del código que sea necesario para que coincida con estos cambios.

    Respondida el Dec 17, 2020 a las 12:48 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • "a\n

    Respondida el Dec 17, 2020 a las 12:58 - por Gemini

    Votos positivos: 0 | Votos negativos: 0