老师，这是什么原因报错呀，路径没有写错啊。

来源：2-5 首页-类目（1）

小仙女要好好学习

2019-10-07 16:14:10

(function(){
    var itemTmpl='<div class="category-item">'+
                    '<img src=$url class="item-icon">'+
                        '<p class=item-name>$name</p>'+
                '</div>';
            
    function initCategory(){
        //获取category的数据
        $.get("../json/head.json",function(data){
            console.log(data);
        })
    }

    function init(){
        initCategory();
    }
    init();
})()

写回答

2回答

樱桃小胖子

2019-10-07

建议修改如下两处测试一下哦

希望可以帮到你！

小仙女要好好学习

提问者

2019-10-07

老师，我知道问题了。还有一个就是我为什么点击了item 没有反应呢（应该弹出11）？？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>index</title>
    <script src="js/simple.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/category.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/category.js"></script>

</head>
<body>
    <div class="header">
        <div class="search-bar">
            <div class="bar-location">
                <div class="location-icon"></div>
                <div class="location-text">郑州市</div>
            </div>
            <div class="search-btn">
                <p class="place-holder">鸡翅</p>
            </div>
        </div>
        <img src="https://app.nihaoshijie.com.cn/upload/bannertemp.e8a6fa63.jpg" class="header-img">
    </div>

    <!--类目-->
    <div class="category-content clearfix"></div>
</body>
</html>

.category-content{
    padding-bottom: .266667rem;
}
.category-item{
    float: left;
    width: 25%;
    padding-top: .373333rem;
    font-size: .346667rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.item-icon{
   width: 1.253333rem;
}
.item-name{
    margin-top: .373333rem;
}

(function(){
    var itemTmpl='<div class="category-item">'+
                    '<img src=$url class="item-icon">'+
                    '<p class=item-name>$name</p>'+
                '</div>';
            
    function initCategory(){
        //获取category的数据
        $.get("json/head.json",function(data){
            console.log(data);
            var list=data.data.primary_filter.splice(0,8);
            list.forEach(function(item,index){
                var str=itemTmpl.replace('$url',item.url).replace('$name',item.name);
                $(".category-content").append(str);
            });
        });
    }

    function addclick(){
        $('.category-content').on('click','.category-item', function(){
            alert(22);
        });
    }


    function init(){
        initCategory();
        addclick();
    }

    init();
})()

0 学习 · 6815 问题

查看课程

相似问题

老师引入a时路径和老师不一样还能补救么写if语句可以么该怎么写

回答 2

老师这是什么原因呀

回答 2

老师，我这个报404错了，是路径有问题吗？

回答 2

老师提示不是内部命令是什么原因

回答 1

老师，为什么我底部的没反应呢？没有把js中的内容插进div中！

回答 1

打开慕课网App查看更多内容