Question

我遇到一个特殊div打开的问题，它应该有mCustomScrollbar。 div是一个工作信息屏幕，如果我打开一个，那么它工作正常但是如果我点击另一个工作的信息按钮，信息下潜现在有2个mCustomScrollbars并且加起来我点击的次数就越多。

我尝试在创建命令之前发送destroy命令以删除已存在的任何实例，但它根本就不会出现。我尝试使用它没有任何命令，这使得多个实例，以及像它似乎在其余代码中使用的更新命令，但这只是让它不显示。

我只想在div中只有一个栏。

编辑：代码 -

$( '#dialog' ).dialog({ autoOpen: false });
var recent_info_user;
$('.job .info').live({


click:function (){



    if($('#jobs-users').attr('class')=='inform' && recent_info_user==$(this).parent().find('.inner').attr('data-id'))
    {
        $('#jobs-users').removeClass();
        $('#view-title-bar').removeClass().addClass('jobs-users');
        $('#jobs-users .users').mCustomScrollbar('update');
        $('#jobs-users .jobs').mCustomScrollbar('update');
                    //$('#jobs-users.inform .user-info').mCustomScrollbar();

    }
    else
    {


    $('#jobs-users').removeClass().addClass('inform');
    $('#view-title-bar').removeClass().addClass('inform');
    $.post('php/set-jobs.php', {
            type: 'getdata',
            jobid: $(this).parent().find('.inner').attr('data-id')
        }, function(response) {

    //Alex 2
    //$('#jobs-users .inform .user-info').mCustomScrollbar('disable');
    //$('#jobs-users.inform .user-info').mCustomScrollbar();
    //$('#jobs-users.inform .user-info').css('overflow', 'auto').mCustomScrollbar("update");
    //Alex 2 End

    $('#jobs-users.inform .user-info .retoucher-email').html(response.retoucher.email);

    $('#jobs-users.inform .user-info .job-notes').html(response.other_notes);


        }, 'json');
        $('#jobs-users .users').mCustomScrollbar('update');
        $('#jobs-users .jobs').mCustomScrollbar('update');
        //$('#jobs-users.inform').mCustomScrollbar('update');
    }
}
});

注释掉的位是我试图添加的内容。我发送到滚动条的命令还有其他变体。

Answer 1

我通过创建一个检查mCustomScrollbar类的if循环来工作，如果不存在则添加它，如果是，则更新它。这不是最优雅的解决方案，但我不能让它以任何其他方式在该div中工作。

Malihu自定义滚动条（mCustomScrollbar）在同一个div中创建自己的多个实例

1 个答案: