光滑的旋转木马与ajax

时间:2018-03-15 17:31:39

标签: javascript jquery ajax slick slide

我在我的项目中使用光滑的轮播并且它无法正常工作。当我通过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>
            ";
        }
    }
}

0 个答案:

没有答案