Django电商平台jQuery点击购物车按钮无控制台输出问题求助

算力阿峰

2026-7-16

问题解决：Django电商平台购物车点击事件失效及本地jQuery配置方法

一、必须使用本地jQuery文件

因为你的设备无法访问CDN，当前模板里的CDN链接无法加载jQuery库，所有依赖jQuery的代码自然无法运行。按以下步骤配置本地jQuery：

下载对应版本的jQuery压缩文件（比如你用的3.7.0版本，文件名为jquery-3.7.0.min.js）
在Django项目的static目录下新建js文件夹，将下载的jQuery文件放入其中
修改模板中的jQuery引用，替换原CDN链接：

<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>

二、修复代码拼写错误

你的JS代码存在大小写错误，这也是功能失效的关键原因：

错误写法：localstorage.getItem('cart')
正确写法：localStorage.getItem('cart')（注意S为大写）

修改后的完整JS代码块

{% block js %}
<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>
<script>
    console.log('working')
    if(localStorage.getItem('cart') == null)
    {
    var cart={};
    }
    else{
    cart= JSON.parse(localStorage.getItem('cart'));
    }
    //jQuery starts here//
    $('.cart').click(function(){
        console.log('clicked');
        var idstr= this.id.toString();
        console.log(idstr);
        if(cart[idstr]!= undefined) {
        cart[idstr] = cart[idstr]+1;
        }
        else{
        cart[idstr] = 1;
        }
        console.log(cart);
    });
</script>
{% endblock%}