JQuery单击span中的文本？

Question

我试图使用JQuery在点击以下代码时触发方法:

<div class="content_sub_list">
    <img src="/imgs/close-icon.jpg" class="exit_sub_list"/>
    hello
</div>

它没有做任何事情,我的JQuery代码如下所示:

    $(document).ready(
function() 
{ 
    $('#my_accnt').click(
    function() 
    {
      $('.content_sub_list').css("display", "block");
      $('.content_sub_list').css("margin-left", "4px");
      $('.content_sub_list').html('<div class="sub_list_header">My A<img src="/imgs/close-icon.jpg" class="exit_sub_list"/></div><BR />text');
    });
    $('#my_queue').click(
    function() 
    {
      $('.content_sub_list').css("display", "block");
      $('.content_sub_list').css("margin-left", "165px");
      $('.content_sub_list').html('<div class="sub_list_header">My Q<img src="/imgs/close-icon.jpg" class="exit_sub_list"/></div><BR />text');
    });
    $('.exit_sub_list').click(
    function() 
    {
        alert("hi");
      $('.content_sub_list').css("display", "none");
    });
});

我的标题看起来像这样:

    <script src="/js/jquery.js" type="text/javascript"></script>
    <script src="/js/mContentBar.js" type="text/javascript"></script>

除了这个之外,还有其他功能吗？由于某些原因.那么我做错了什么,或者我怎么能让它发挥作用？谢谢

Answer 1

这对我有用.确保正确加载jQuery.您可以在html之后放置jquery.js,也可以使用document.ready函数包装jquery代码.

喜欢

(function() {
    $('.exit_sub_list').click(

    function() {
        alert("hi");
    });
});

查看http://jsfiddle.net/p6Q2d/上的工作示例