我在我的项目中使用光滑的轮播并且它无法正常工作。当我通过ajax从数据库加载数据时,它会显示数据,但不会根据需要显示.slick' javascript或jquery没有加载,所以它看起来不像幻灯片。
html part,
<div class="col-sm-12">
<div class="responsive slidermenu" id="get_category">
<!--
<div class="cat-image-wrapper">
<div class="single-book">
<div class="text-center">
<img class="menuimg" src="../Dv/upload/category/" alt=""/>
<a href=""></a>
</div>
</div>
</div>
-->
</div>
</div>
和ajax部分
function category_c(){
$.ajax({
url : "action.php",
method: "POST",
data :{category:1},
success :function(data){
$("#get_category").html(data);
}
})
}
PHP部分,
if(isset($_POST["category"])){
$category_query = "SELECT * FROM category";
$run_query = mysqli_query($con,$category_query) or die(mysqli_error($con));
if(mysqli_num_rows($run_query) > 0){
while($row = mysqli_fetch_array($run_query)){
$cid = $row["category_id"];
$cat_name = $row["category_name"];
$cat_image = $row["category_icon"];
echo "
<div class='cat-image-wrapper'>
<div class='single-book'>
<div class='text-center'>
<img class='menuimg' src='../Dv/upload/category/$cat_image'/>
<a href=''>$cat_name</a>
</div>
</div>
</div>
";
}
}
}