Javascript jQuery单击事件在使用其他单击事件后未触发_Javascript_Jquery_Html_Slidedown_Slideup

Javascript jQuery单击事件在使用其他单击事件后未触发

javascript jquery html

Javascript jQuery单击事件在使用其他单击事件后未触发,javascript,jquery,html,slidedown,slideup,Javascript,Jquery,Html,Slidedown,Slideup,我完全迷失在这里，我不知道为什么会发生这种事我在.js文件中有以下代码： $( document ).ready(function() { showMessage(); $( '#message' ).slideDown( 'fast' ); //Hide Message// $( '#m_close' ).click(function( event ) { $( '#message' ).slideUp( 'fast' ); });

我完全迷失在这里，我不知道为什么会发生这种事

我在.js文件中有以下代码：

$( document ).ready(function() {
    showMessage();
    $( '#message' ).slideDown( 'fast' );

    //Hide Message//
    $( '#m_close' ).click(function( event ) {
        $( '#message' ).slideUp( 'fast' );
    });
    //---//
    $( '#m_button' ).click(function( event ) {
    showMessage();
    $( '#message' ).slideDown( 'fast' );
    });
});

现在，消息div被创建，并在页面第一次加载时完全向下滑动。当我按m#U close时，div完美地向上滑动。但是，如果我按#m#u按钮，消息会随着所有正确的信息向下滑动，但按#m#u close绝对没有任何作用。我在开发控制台中没有收到任何错误，似乎没有任何问题，它只是拒绝工作。我在#m#u close中添加了一个向下滑动按钮，这样它将关闭然后重新打开，并且它会这样做，#m#u close将无限工作，直到按下#m#u按钮

发生了什么事

编辑：每个请求的我的HTML：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="includes/style.1.css" rel="stylesheet" type="text/css" />
    <script src="includes/jquery.js"></script>
</head>
<body>
    <div id="message">

    </div>
    <button id="m_button">Message</button>
    <script src="includes/functions.js"></script>
</body>


消息

看起来消息是动态加载的，可以使用

showMessage（）

方法将

mu close

添加到

消息

元素中

所以试试看

$( document ).ready(function() {
    showMessage();
    $( '#message' ).slideDown( 'fast' );

    //Hide Message//
    $( '#message' ).on('click', '#m_close', function( event ) {
        $( '#message' ).slideUp( 'fast' );
    });
    //---//
    $( '#m_button' ).click(function( event ) {
        showMessage();
        $( '#message' ).slideDown( 'fast' );
    });
});

当您使用

click

注册一个click事件处理程序时，它只将处理程序注册到dom中当时存在的那些元素。再次调用

showMessage

时，现有的

m_close

将被删除，并创建一个新的

处理程序，以便单击
处理程序不再附加到新元素。这里的解决方案是使用如上所示的事件委派
是否可以添加HTML和showMessage（）？还是JSFIDLE？我添加到了我的原始帖子中。MU close
是动态添加到页面中的吗是的，它是在showMessage
函数中创建的。是的，这很有效，但为什么？动态生成与此有什么关系？它是在文档准备就绪时生成的（动态），那么为什么在单击事件中生成时它不起作用呢？