¿Puede alguien ayudarme con el "error" del control deslizante? Entonces, estoy trabajando en el proyecto Laravel y tengo una imagen más información y un botón/ancla CTA.
Toda la información se está cargando correctamente excepto el atributo href en el elemento ancla.
Actualmente, va así:
PRIMERA DIAPOSITIVA: cargará información de la primera diapositiva pero href de la CUARTA
SEGUNDA DIAPOSITIVA: cargará información de la primera diapositiva pero href de la CUARTA
TERCERA DIAPOSITIVA: cargará información de la primera diapositiva pero href de la CUARTA
CUARTA DIAPOSITIVA: cargará información de la primera diapositiva pero href de la TERCERA
Aquí está el HTML:
<div class="col-lg-6 left_column"> <h3>Informations</h3> <div class="slick_slider"> @if (count($infos) > 0) @foreach ($infos as $info) <div> <h2>{{ $info->title}}</h2> <a href="{{ route('service.show', 'slug' => $info->slug) }}">{{ $info->slug }}</a> </div> @endforeach @endif </div> </div> Aquí hay una parte HTML para la imagen con id .slick_slider_nav
Aquí está la parte JS:
// Services slider $(".services_slider").slick({ // infinite: true, slidesToShow: 1, slidesToScroll: 1, arrows: true, fade: true, cssEase: "linear", asNavFor: ".slick_slider_nav", prevArrow: "<img class='info_slick_arrow_left slick-prev' src='/images/arrow-left.svg'>", nextArrow: "<img class='info_slick_arrow_right slick-next' src='/images/arrow-right.svg'>", dots: false, autoplay: true, autoplaySpeed: 5000, responsive: [{ breakpoint: 991, settings: { arrows: false, }, }, ], });Para este tipo de problema, la depuración siempre es el camino a seguir para resolver el problema rápidamente. Es poco probable que el problema esté relacionado con el control deslizante Slick y es más probable que sea un problema de base de datos o de ruta. Si puede mostrar el método debajo de service.show , la comunidad también puede obtener una mejor idea de cómo se utiliza el parámetro cuando usa el asistente de route .
Además, si $infos es un resultado/colección Eloquent , puede utilizar los ayudantes de Laravel en lugar de contar, por ejemplo: !$infos->isEmpty()
Si se trata de una URL completa, puede repetirla sin que el ayudante de ruta la interprete (eco directo). Si es relativo, debe incluir VERDADERO como el tercer parámetro según los documentos de ayuda .
<div class="col-lg-6 left_column"> <h3>Informations</h3> <div class="slick_slider"> @if (!$infos->isEmpty()) @foreach ($infos as $info) @php // Check slug's data dump($info->slug); // or just dump the whole object dump($info); @endphp <div> <h2>{{ $info->title}}</h2> <a href="{{ route('service.show', 'slug' => $info->slug) }}">{{ $info->slug }}</a> <br />- OR -<br /> <a href="{{ route('service.show', 'slug' => $info->slug, true) }}">{{ $info->slug }}</a> <br />- OR -<br /> <a href="{{ $info->slug }}">{{ $info->slug }}</a> </div> @endforeach @endif </div> </div>Finalmente, le sugiero que desactive el control deslizante Slick hasta que obtenga los enlaces correctos, luego vuelva a activar el control deslizante Slick.