单击动态创建的链接而不识别单击事件 - Clicking on a dynamically created link not recognizing click event

Clicking on a dynamically created link not recognizing click event

当你点击一个文件夹的按钮/链接是预先添加到导航部分，但当我点击添加的按钮，它将不工作。它不承认我的点击事件的某些原因…?

我正在处理的快速视频。https://www.youtube.com/watch?v=NsW1uLbRd9w

我不知道为什么它不工作啊任何帮助都会很棒，谢谢。如果你需要更多的代码，我可以发送它如果需要。

    <script>
      $(function () {
        // When folder is clicked open it
        $('button.<?php echo $row->folderName; ?>').bind('click', function() { 
            $('.open.<?php echo $row->folderName;?>').show();
              // if folder is open then Prepend homebtn button to nav
              var k = $('.open').css('display');
              if(k == 'block') {
                $('.nav').prepend('<a class="gohome">HELLO</a>');
              }
        });
            $('.gohome').live('click', function() {
                $('.open.<?php echo $row->folderName; ?>').hide();
              });
      });
    </script>

要绑定到未来的元素，您需要将事件绑定到过程执行时存在的父节点。当你的链接被添加到.nav时，这就是我们可以使用的。我假设运行此代码时存在.nav.。如果没有，使用$(document).on('click'...

  $('.nav').on('click', '.gohome', function() {
      $('.open.<?php echo $row->folderName; ?>').hide();
  });