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

Question

我确定这是一个超级菜鸟问题，但作为一个超级菜鸟，我已经准备好迎接挑战了；）

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

$(".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代码。