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

我敢肯定这是一个超级菜鸟问题，但是作为一个超级菜鸟，我已经准备好了；）

我正在使用以下函数将类添加到clicked元素中：

$(".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文件中起作用吗？我想我只是说错了什么。

最佳答案

尝试这个：

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

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

关于jquery - click addClass函数仅在页面上调用而不在外部js文件中有效，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17139547/