Javascript 无法触发jQuery。是否为包含特定文本的按钮单击（）？

我有一个按钮：

$（'.将\添加到\购物车span:contains（“选择大小”））。单击（函数（）{
log（“它已被单击”）
});

选择一个尺码
加载DOM后是否加载脚本？
尝试：

你能试试这个吗

$(document).on('click','.add_to_cart span:contains("Choose a Size")', function(){
console.log("it has been clicked");
});

为什么id
会添加到购物车中
但按钮上写着“选择尺寸”？我会根据其他变量动态更改文本，因此这在上下文中是多余的。@CeraMix我注意到您的按钮已被禁用，您希望如何单击它？代码在Codepen中工作，我得到“它已被单击”单击按钮时。其他人是否可以验证建议的编辑？因此，代码变成了一个片段，它可以直接运行，除非按钮不在DOM中，否则它不会更改任何内容，OP的代码中也没有任何内容表明按钮是在DOM之后创建的。但最初我们需要检查“button->Span”是否包含“Choose Size”之类的文本，对吗，但这不会改变与DOM部件相关的任何内容，而且如果我们以相同的方式使用该按钮，则“Console.log”不应显示该警报。以相同的方式使用该按钮是什么意思？？如果我接受op的代码并删除禁用部分，那么它就可以正常工作。
$(document).on('click','.add_to_cart span:contains("Choose a Size")', function(){
console.log("it has been clicked");
});