Skip to main content
se añadieron 536 caracteres en el cuerpo
Origen Enlace
porloscerros Ψ
  • 6.4k
  • 2
  • 12
  • 23

Estás poniendo los modals y el enlace para abrirlos dentro de un foreach (dos en realidad, pero para el caso es el mismo), entonces todo tus modals van a tener el mismo id

@foreach($categoria as $listado1)
    <div id="modal4" class="modal">
    ...

lo que no está permitido en html https://developer.mozilla.org/es/docs/Web/HTML/Atributos_Globales/id.
Y también todos los enlaces apuntan también al mismo modal

@foreach($categoria as $listado1)
    ...
    <a class="modal-trigger" href="#modal4">

Una forma de evitarlo puede ser agregando el valor de $loop->iteration (La iteración actual del bucle https://laravel.com/docs/5.8/blade#the-loop-variable) a la id de cada modal, para que sea única, y por supuesto, tendrás que hacerlo también en el href del enlace para abrir cada modal. Por ejemplo:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>
    @endforeach

    <!-- Modal Structure -->
    @foreach($categoria as $listado1)
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>

quité las etiquetas que no son relevantes para que se note mejor cual es el punto de lo que estoy diciendo. En tu código solo deberías agregar {{ $loop->iteration }} al id de los modals y al href de los enlaces.

Como nota, no son necesarios 2 foreach, puedes poner tambien el modal en el foreach que ya tienes:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>

    <!-- Modal Structure -->
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>

Estás poniendo los modals y el enlace para abrirlos dentro de un foreach (dos en realidad, pero para el caso es el mismo), entonces todo tus modals van a tener el mismo id

@foreach($categoria as $listado1)
    <div id="modal4" class="modal">
    ...

lo que no está permitido en html https://developer.mozilla.org/es/docs/Web/HTML/Atributos_Globales/id.
Y también todos los enlaces apuntan también al mismo modal

@foreach($categoria as $listado1)
    ...
    <a class="modal-trigger" href="#modal4">

Una forma de evitarlo puede ser agregando el valor de $loop->iteration (La iteración actual del bucle https://laravel.com/docs/5.8/blade#the-loop-variable) a la id de cada modal, para que sea única, y por supuesto, tendrás que hacerlo también en el href del enlace para abrir cada modal. Por ejemplo:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>
    @endforeach

    <!-- Modal Structure -->
    @foreach($categoria as $listado1)
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>

quité las etiquetas que no son relevantes para que se note mejor cual es el punto de lo que estoy diciendo. En tu código solo deberías agregar {{ $loop->iteration }} al id de los modals y al href de los enlaces.

Estás poniendo los modals y el enlace para abrirlos dentro de un foreach (dos en realidad, pero para el caso es el mismo), entonces todo tus modals van a tener el mismo id

@foreach($categoria as $listado1)
    <div id="modal4" class="modal">
    ...

lo que no está permitido en html https://developer.mozilla.org/es/docs/Web/HTML/Atributos_Globales/id.
Y también todos los enlaces apuntan también al mismo modal

@foreach($categoria as $listado1)
    ...
    <a class="modal-trigger" href="#modal4">

Una forma de evitarlo puede ser agregando el valor de $loop->iteration (La iteración actual del bucle https://laravel.com/docs/5.8/blade#the-loop-variable) a la id de cada modal, para que sea única, y por supuesto, tendrás que hacerlo también en el href del enlace para abrir cada modal. Por ejemplo:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>
    @endforeach

    <!-- Modal Structure -->
    @foreach($categoria as $listado1)
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>

quité las etiquetas que no son relevantes para que se note mejor cual es el punto de lo que estoy diciendo. En tu código solo deberías agregar {{ $loop->iteration }} al id de los modals y al href de los enlaces.

Como nota, no son necesarios 2 foreach, puedes poner tambien el modal en el foreach que ya tienes:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>

    <!-- Modal Structure -->
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>
Origen Enlace
porloscerros Ψ
  • 6.4k
  • 2
  • 12
  • 23

Estás poniendo los modals y el enlace para abrirlos dentro de un foreach (dos en realidad, pero para el caso es el mismo), entonces todo tus modals van a tener el mismo id

@foreach($categoria as $listado1)
    <div id="modal4" class="modal">
    ...

lo que no está permitido en html https://developer.mozilla.org/es/docs/Web/HTML/Atributos_Globales/id.
Y también todos los enlaces apuntan también al mismo modal

@foreach($categoria as $listado1)
    ...
    <a class="modal-trigger" href="#modal4">

Una forma de evitarlo puede ser agregando el valor de $loop->iteration (La iteración actual del bucle https://laravel.com/docs/5.8/blade#the-loop-variable) a la id de cada modal, para que sea única, y por supuesto, tendrás que hacerlo también en el href del enlace para abrir cada modal. Por ejemplo:

<div class="row">
    @foreach($categoria as $listado1)
        <a class="modal-trigger" href="#modal4{{ $loop->iteration }}">{{ $listado1->titulo }}</a>
    @endforeach

    <!-- Modal Structure -->
    @foreach($categoria as $listado1)
    <div id="modal4{{ $loop->iteration }}" class="modal">
        <div class="modal-content">
            <h4>{{ $listado1->titulo }}</h4>
        </div>
    </div>
    @endforeach
</div>

quité las etiquetas que no son relevantes para que se note mejor cual es el punto de lo que estoy diciendo. En tu código solo deberías agregar {{ $loop->iteration }} al id de los modals y al href de los enlaces.