我收到参考错误：未定义结帐

Question

我有一个名为checkout.but的按钮，但在onclick上出现此错误：参考错误：未定义checkout我的按钮代码为：

<input type="button" value="Checkout" title="Checkout" class="button checkout" onclick="checkout()">

当我单击按钮时，我想显示用户信息

javascript代码是：

$(function(){
  $('.add-cart').html('+');

  function checkout(){
   $('.cart-status').hide(slow);
   $('.user-info').show(slow);
  }
});

Answer 1

检出是在另一个函数中定义的，因此无法从全局范围访问它。 您可以将其放在全局范围内：

$(function () {
    $('.add-cart').html('+');
});

function checkout() {
    $('.cart-status').hide('slow');
    $('.user-info').show('slow');
}

但是更好的解决方案是停止在HTML标记中放置事件处理程序：

<input type="button" value="Checkout" title="Checkout" class="button checkout" />

$(function(){
    function checkout() {
        $('.cart-status').hide('slow');
        $('.user-info').show('slow');
    }

    $('.add-cart').html('+');
    $('.button.checkout').click(checkout);
});

（注：在你的代码的另一个问题是，你正在使用的未定义的变量slow而不是字符串值'slow' ，但作用域是防止checkout()被称为在所有）