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/

处的工作示例

JQuery单击span中的文本？

1 个答案:

检查http://jsfiddle.net/p6Q2d/