当外部页面加载到div时，jquery代码工作

Question

我觉得这个问题的答案对refresh dynamic php div using jquery。 Alex和TJ.回答这个问题。两次方法为我工作！但我有很大的问题，当加载外部页面，我的div我jQuery库和其他jQuery代码对我来说不是工作:(我需要解决这个

例如负载1：

$(document).ready(function() { 
     $('.click').on('click', function (e) { 
      e.preventDefault(); 
      $('.messagelist').html('Please wait...'); 
      $.ajax({ 
       type : 'GET', 
       url : 'messages.php', 
       dataType : 'html', 
       success : function (response) { 
        $('.messagelist').html(response);  
       } 
      }); 
     }); 
    }); 
<a class="click" href="#"> Link TO refresh Div </a> 
<div class="messagelist"> 
<div class="togglespan"><span>+</span></div> 
<div class="togglediv"></div> 
</div> 

负载2：

<script type="text/javascript"> 
    $(function(){ 
     $('.click').on('click', function(e){ 
      e.preventDefault(); 
      $('.messagelist').text('Please wait...'); 
      $('.messagelist').load('list.php'); 
     }); 
    }); 
    </script> 
    <a class="click" href="#"> Link TO refresh Div </a> 
    <div class="messagelist"> 
    <div class="togglespan"><span>+</span></div> 
    <div class="togglediv"></div> 
    </div> 

现在比如我有一个拨动DIV该代码在我的网页，这没有奏效。真的在我的外部网页我需要切换的div。如何解决加载外部页面，工作jQuery库和代码全部外部页面？有一个基本的方法可以做到这一点。谢谢

$(".togglespan").click(function() { 
    if ($(this).next(".togglediv").is(":hidden")) { 
     $(this).next(".togglediv").slideDown("slow"); 
     $(this).children('span').html('+'); 
    } else { 
     $(this).next(".togglediv").slideUp("slow"); 
     $(this).children('span').html('-'); 
    } 
}); 

Answer 1

您需要事件代表团。试试这个，而不是你的切换代码：

$(".messagelist").on('click', '.togglespan', function (e){ 
    if ($(this).next(".togglediv").is(":hidden")) { 
     $(this).next(".togglediv").slideDown("slow"); 
     $(this).children('span').html('+'); 
    } else { 
     $(this).next(".togglediv").slideUp("slow"); 
     $(this).children('span').html('-'); 
    } 
});