单击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代码。