带有警报框的jQuery问题

以下内容未按预期工作，当您单击“.arrow-\u down\u img”时，它未拾取警报消息

        function slideDown_Menu(){
                    $('.main_nav').slideDown('slow', function(){
                        $('.arrow_down_img').removeClass('arrow_down_img').addClass('arrow_up_img');
                    });
        }

        function slideUp_Menu(){
                    $('.main_nav').slideUp('slow', function(){
                        $('.arrow_up_img').removeClass('arrow_up_img').addClass('arrow_down_img');
                    });
        }

        $('.arrow_down_img').click(function(){
            // evt.preventDefault();
            // slideDown_Menu();
            alert('test');

        });

        $('.arrow_up_img').click(function(evt){
            evt.preventDefault();
            slideUp_Menu();
        });

HTML

---

由于在DOMReady上没有类为

的元素。arrow\u down\u img

，您应该从元素或文档对象的静态父对象之一委派事件

$(document).on('click', '.arrow_down_img', function(evt){
    // evt.preventDefault();
    // slideDown_Menu();
    alert('test');
});

---

还要注意的是，在你的点击处理程序中，evt是未定义的。

你是否有一个类元素。arrow\u down\u img？控制台告诉你什么？呃，你检查了arrow\u down\u img，你的div被命名为arrow\u up\u img？但是如果你在jQuery中看到，这个类会被删除…@Alex：他对这行进行了注释，它取代了课堂：）这对我来说很有效，我会尽快接受答案。我仍然需要掌握授权的概念，我会读一些书。。谢谢你的帮助：P

$(document).on('click', '.arrow_down_img', function(evt){
    // evt.preventDefault();
    // slideDown_Menu();
    alert('test');
});