Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript slick slider中的项目未正确渲染_Javascript_Slick.js - Fatal编程技术网

Javascript slick slider中的项目未正确渲染

Javascript slick slider中的项目未正确渲染,javascript,slick.js,Javascript,Slick.js,我对Slick Slider(js)有一个问题,它在原始幻灯片之后加载幻灯片的克隆,因此幻灯片及其克隆会一个接一个地显示(请参见img) 这是我在$(document.ready()上初始化滑块的方式: $('.carousel')。光滑({ 点:错, 无限:是的, 速度:600,, 幻灯片放映:2, 自动播放:对, 前箭头:“”, 下一行:“” }) 幻灯片的html代码是通过php调用的 编辑: @EdLucas这是HTML代码: $html = '<div class="

我对Slick Slider(js)有一个问题,它在原始幻灯片之后加载幻灯片的克隆,因此幻灯片及其克隆会一个接一个地显示(请参见img)

这是我在$(document.ready()上初始化滑块的方式:

$('.carousel')。光滑({
点:错,
无限:是的,
速度:600,,
幻灯片放映:2,
自动播放:对,
前箭头:“”,
下一行:“”
})
幻灯片的html代码是通过php调用的

编辑:

@EdLucas这是HTML代码:

$html = '<div class="carousel" id="'.$client.'">';    
$html .= '<div class="prod" id="'.$id.'">
                                    <a href="'.$offerUrl.'" class="'.$id.'" data-lbc="'.$data.'" onclick="filterClick(event)">
                                        <figure class="prod-image">
                                            <img src="'.$imgUrl['newurl'].'" width="'.$imgUrl['dim'].'" height="'.$imgUrl['dim'].'" loading="lazy" />';
                                            if($fprice != null && $fprice > $price):
                                                $html .= '<span class="discount">'.-floor(100 - $price/$fprice * 100) .'&percnt;</span>';
                                            endif;
                                $html .=                  
                            $html .= '</figure>
                                        <div class="prod-meta">
                                            <span>'.$name.'</span>
                                            <span class="price">'.$offer->price.$currency.'</span>
                                            <h4>'.$title.'</h4>
                                        </div>
                                    </a>
                                </div>
</div>';
$html='';
$html.='
';

在问题中加入PHP生成的幻灯片HTML标记会很有帮助。@EdLucas你说得对,我编辑了问题。
$html = '<div class="carousel" id="'.$client.'">';    
$html .= '<div class="prod" id="'.$id.'">
                                    <a href="'.$offerUrl.'" class="'.$id.'" data-lbc="'.$data.'" onclick="filterClick(event)">
                                        <figure class="prod-image">
                                            <img src="'.$imgUrl['newurl'].'" width="'.$imgUrl['dim'].'" height="'.$imgUrl['dim'].'" loading="lazy" />';
                                            if($fprice != null && $fprice > $price):
                                                $html .= '<span class="discount">'.-floor(100 - $price/$fprice * 100) .'&percnt;</span>';
                                            endif;
                                $html .=                  
                            $html .= '</figure>
                                        <div class="prod-meta">
                                            <span>'.$name.'</span>
                                            <span class="price">'.$offer->price.$currency.'</span>
                                            <h4>'.$title.'</h4>
                                        </div>
                                    </a>
                                </div>
</div>';