jquery - 链接在动态 div 中不起作用(使用 jquery .load() 加载)

Question

我的问题是我在加载的 div 中有很多链接，加载后它们不可点击。 我看到了一些类似的问题，但无法理解如何在我的问题中使用它。

我正在尝试制作一种 lightbox 效果(没有插件只是简单地使用 .load() 将内容加载到 div，一切正常，但加载的 div 中的链接除外。

<div class="post">
  <a class="layer" href="/post/123 #the_post>*">
</div>

$('.layer').click(function(e) {
      e.preventDefault();
      var path = $(this).attr('href');
      $('#overlay_content').load(path, function(){
          $(".media").each(function(){
              var medhei = $(this).height();
              $(this).css("line-height", medhei + 'px');
          });
      });
});

也尝试过类似的方法但没有用:

$('.layer').live('click', function(e) {
      e.preventDefault();
      var path = $(this).attr('href');
      $('#overlay_content').load(path, function(){
          $(".media").each(function(){
              var medhei = $(this).height();
              $(this).css("line-height", medhei + 'px');
          });
      });
});

Answer 1

想出了一个快速的解决方案，希望它能帮助有类似问题的人。 简而言之，我只是在单击时打开链接的 href 属性所在的位置。

$('.layer').click(function(e) {
      e.preventDefault();
      var path = $(this).attr('href');
      $('#overlay_content').load(path, function(){
          $(".media").each(function(){
              var medhei = $(this).height();
              $(this).css("line-height", medhei + 'px');
          });
          $("#overlay_content a").click(function(){
              window.location=$(this).attr('href');
              return false;
          });
      });
});