Javascript slick slider中的项目未正确渲染
我对Slick Slider(js)有一个问题,它在原始幻灯片之后加载幻灯片的克隆,因此幻灯片及其克隆会一个接一个地显示(请参见img) 这是我在$(document.ready()上初始化滑块的方式: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="
$('.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) .'%</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) .'%</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>';