Javascript 弹出窗口不显示div

我有这个JQuery代码：

function JQueryPopup(value) {
    $(value).toggle();

    $('#JQueryClose').click(function(){
        $(value).hide();
    });

    $( document ).on( 'click', function ( e ) {
        $(value).hide();
    });

    $( document ).on( 'keydown', function ( e ) {
        if ( e.keyCode === 27 ) { // ESC
            $(value).hide();
        }
    });
}

还有一个调用此函数的HTML按钮，它似乎没有显示弹出窗口/div

以下是我的完整代码：

另外，我在另一页上有这个代码，我调用函数如下：

<script type="text/javascript">JQueryPopup('#customer_popup_notes');</script>

JQueryPopup（'customer'u popup'u notes'）；

---

这很好。

您需要添加以下内容：

$('#inbox_button').on('click', function(event){
  event.preventDefault(); // This isn't critical, but you would need 
  event.stopPropagation();
  JQueryPopup('#inbox_div');
});

$( document ).on( 'click', function { ... });

您希望阻止click事件冒泡并触发以下操作：

$('#inbox_button').on('click', function(event){
  event.preventDefault(); // This isn't critical, but you would need 
  event.stopPropagation();
  JQueryPopup('#inbox_div');
});

$( document ).on( 'click', function { ... });

否则，您的

#inbox_div

将在您看到它之前被隐藏

这是一本书

我建议你继续读下去。

你不需要

$( document ).on( 'click', function ( e ) {
        $(value).hide();
    });

无论在何处单击，它始终隐藏底部div

---

工作

首先通过解决控制台错误来清除所有控制台错误调用您的函数，如JQueryPopup（$（“#客户#弹出#注释”）；切换在您的代码中不起作用检查此小提琴此小提琴有什么问题？