使用 popper.js 隐藏和取消隐藏文本

Question

我有以下 popper.js 脚本，我希望当我单击一个按钮时会出现一个文本，而当我再次单击该按钮时，文本会消失。显示的脚本仅取消隐藏文本。

        var ref = $('#button-a');        
    var popup = $('#popup');
    popup.hide();

    ref.click(function(){
            popup.show(); 
            var popper = new Popper(ref,popup,{
                    placement: 'bottom',
                    onCreate: function(data){
                            console.log(data);
                    },
                    modifiers: {
                            flip: {
                                    behavior: ['bottom']
                            },
                            offset: { 
                                    enabled: true,
                                    offset: '0,10'
                            }
                    }
            });
    });

Answer 1

您的事件处理程序从不调用 .hide() （我假设这些是 JQuery 显示和隐藏函数？）。您要么需要使用 .toggle() 而不是 .show()，要么设置一个条件来处理弹出窗口已经可见并调用 .hide() 的情况。