javascript - jQuery .click() 事件

Question

我对 jQuery 的 .click() 事件有点困惑。我正在尝试在跨度内的图像上使用该事件。这是包含跨度和图像的 HTML 行。

<span class="content-message-element"><a href=""><img class="content-message-icon" src="./images/icon_close.png" alt="Close Message" /></a></span>

如您所见，图像具有“内容消息图标”类。我在我的 jQuery 代码中使用了这个(顺便说一句 - 我包含 jQuery 1.7.1)，但没有任何反应；该事件根本没有被触发。

.click() 事件是否仅限于某些类型的元素？

<script type="text/javascript">
        $(".content-message-icon").click(function() {
            alert("Handler for .click() called.");
        });
    </script>

这是我的 jQuery，感谢任何帮助。

Answer 1

点击事件应该可以正常工作。尝试放入文档就绪代码，如下所示:

$(function() {
    $(".content-message-icon").click(function() {
        alert("Handler for .click() called."); 
    });
});

jsFiddle 示例:http://jsfiddle.net/vGPfu/1/