Jquery 将Click函数绑定到类无效

我对JQuery非常陌生，我的代码有以下问题。 我有一个HTML代码，如下所示：

<div id="productsBox">
    <span class="productItem">
        <img class="ProductImage" src="/media/1656/FootballShirts.png "></img>
        <span class="productName">Football Shirts</span>
        <span class="relavantSizeAdvice">2189</span>
     </span>

    <span class="productItem">
        <img class="ProductImage" src="/media/1697/FootballShorts.png "></img>
        <span class="productName">Football Shorts</span>
        <span class="relavantSizeAdvice">2189</span>
    </span>

    <span class="productItem">
        <img class="ProductImage" src="/media/1702/FootballSocks.png "></img>
        <span class="productName">FootBall Socks</span>
        <span class="relavantSizeAdvice">2189</span>
    </span>
</div>

$('.productItem').bind('click', function () {
        alert("Clicked!");
    });

在我的代码中，警报从未调用，我错过了什么

---

有什么建议吗？

您可能在加载跨度之前调用了jquery代码。你有两个选择

等天气好了再做

或使用

---

在加载跨距之前，您可能正在调用jquery代码。你有两个选择

等天气好了再做

或使用

---

通读此内容-很可能缺少文档。就绪标记可能的原因：1）未包含jQuery 2）此代码后包含jQuery 3）未包装在文档中。就绪4）脚本中的某个地方出现JavaScript错误。控制台中是否有错误？我对ID为的元素使用了Click Bind，如下：$（'RegisterCustomerButton'）.Bind（'Click'，function（）{}）；它们工作正常。旁注：

元素不应该有结束标记。（或者是

，或者只是

，但不是

）通读这篇文章-它很可能缺少一个文档。ready标记可能的原因：1）jQuery没有被包含在代码后面2）jQuery包含在代码后面3）没有包装在文档中。ready 4）脚本中的某个JavaScript错误。控制台中是否有错误？我对ID为的元素使用了Click Bind，如下：$（'RegisterCustomerButton'）.Bind（'Click'，function（）{}）；它们工作正常。旁注：

元素不应该有结束标记。（或者是

或者只是

而不是

）

.delegate（）

现在已经被弃用了将近1.5年了。@Juhana谢谢，用

上的
修复了它。
我已经动态填充了跨度，但所有这些都是在触发此函数之前发生的。@Amiroradifard您的问题需要显示更多的情况。如果我的建议没有解决问题，那么您没有显示所有相关代码。我可以给你举个例子来证明。。。但是你应该在赢的时候这样做，对你的问题做一个简单的减少，你可能会解决问题@AmirmorRadifard不要在这里发布代码，请改进您的问题
。delegate（）
已经被弃用了将近1.5年了。@Juhana谢谢，用
上的
修复了它。
我已经动态填充了跨度，但所有这些都发生在触发此函数之前。@AmirmorRadifard您的问题需要显示更多的情况。如果我的建议没有解决问题，那么您没有显示所有相关代码。我可以给你举个例子来证明。。。但是你应该在赢的时候这样做，对你的问题做一个简单的减少，你可能会解决问题@amirmoradifard不要在这里发布代码，请改进您的问题
$(function(){
    $('.productItem').bind('click', function () {
        alert("Clicked!");
    });
})

$(document).on('click', '.productItem', function(){
    alert("Clicked")
})