jquery - 单击 addClass 函数仅在页面上调用而不是在外部 js 文件中调用时才有效

Question

我确定这是一个 super 菜鸟的问题，但作为一个 super 菜鸟，我已经准备好接受攻击了 ;)

我正在使用以下函数将类添加到单击的元素:

$(".ch-buyBt").click(function()  {
    var nowincart = $(this);
    nowincart.addClass('ch-buy-incart');
});

我遇到的问题是我想将这个函数存储在一个包含许多其他函数的外部 js 文件中。当我这样做时，该功能不再有效。

我让它工作的唯一方法是像这样将它嵌入到实际页面中:

<script type="text/javascript">
$(".ch-buyBt").click(function()  {
    var nowincart = $(this);
    nowincart.addClass('ch-buy-incart');
});</script>

有人可以解释一下为什么这只适用于页面而不适用于外部 js 文件吗？我想我只是把它称为错误之类的。

Answer 1

试试这个:

$(document).ready(function(){
    $(".ch-buyBt").click(function(){
        var nowincart = $(this);
        nowincart.addClass('ch-buy-incart');
    });
});

确保js代码是在加载外部js文件后执行。