我正在使用 onclick() 函数将商品添加到购物车。
<button class='btn pull-right' id = 'cartBtn' onclick = 'addToCart(<?php echo $id;?>)'><span class='glyphicon glyphicon-shopping-cart'></span></button>
这是js:
$(document).ready(function(){
var cart = [];
var id = $("#itemId").text();
var stockAvailable = $("itemStock").text();
var inCart = false;
function addToCart(item){
id = item;
if (inCart == true){
console.log("item already in cart");
}
else{
cart.push(id);
}
}
但是,单击按钮后我在控制台中收到以下错误:
ReferenceError: addToCart is not defined
我已经将 js 代码写在一个单独的文件中,并将其包含在 head 部分中。 这里可能是什么问题
最佳答案
您不能在未定义的情况下使用 addToCart。 你可以在你想使用这个函数的地方定义它。
$(document).ready(function() {
function addToCart(item) {
console.log('added');
}
});
addToCart('item');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
正确的方式
function addToCart(item) {
console.log('added');
}
$(document).ready(function() {
});
addToCart('item');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
关于javascript - onclick 找不到要执行的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56945358/