當外部頁面加載到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('-'); 
    } 
});