您如何在动态项目上执行hasClass

时间:2018-12-18 12:00:06

标签: javascript jquery html

动态创建的项目的

点击事件就是这样。

$('.static_parent').on('click','a', function () {

bur现在我正在尝试查看某个元素是否具有一个类,但是它在动态项目上。 我尝试了一些变体,但无法正常工作。

$('.input-group',this).hasClass('open'),但是肯定on需要以某种方式发挥作用……还是没有?

我多次出现.input-group,每次出现一个下拉菜单,其中单击时添加了open类。

但是我没有得到的是如何在动态添加的下拉列表中测试hasClass

可能是此版本的

$(document).on( 'click', '.button', function(e){
    var $button = $(this);
    var $menu = $button.closest('.menu');
    e.stopPropagation();

    // Close others-assumed you want all menus closed
    $('.menu').not($menu).removeClass('open'); 

    // Toggle target open/close
    $menu.toggleClass('open');

    $(document).on('click', function(e){
        //This function will only run when e.target isn't a button
        //Your $target.is($menu.find('button')) will always be false

        if( $menu.hasClass('open') ){
            $menu.removeClass('open');
        }
    });
});

0 个答案:

没有答案
相关问题