CSS, Java betiği php içinde ajax çağrısından sonra düzgün çalışmaz

Question

php sayfasında php sayfasında düzgün bir şekilde çalışan ve gereksinim başına çıktı veren bir ajax işlevi çağırdım, ancak ajax çağrısından sonra, varsayılan css ve javascript özelliğini döndürmez. Aşağıdaki seçme Giriş tipi,

i ajax çağrısı için kullandık kodudur

<script> 
function ajax_call(str) { 
    if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { 
     // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("and").innerHTML = xmlhttp.responseText; 
     } 
    }; 
    xmlhttp.open("POST","ajaxpage.php?q="+str,true); 
    xmlhttp.send(); 
} 
</script> 

şimdi ben seçilmiş kullanıyor ajaxpage.php sayfasında, bir açılır menüyü var, çıktıda ajaxpage.php dönüyor .css, choosen.js ve multiselect.css yanı sıra multiselect.js, ancak bu aşağı doğru çalışmıyor ve yukarıdaki css ve js doğru çalışmıyor ly ajax sayfasından dolayı, ana sayfada tüm css ve j'leri uyguladım, lütfen bu problemi çözmeme yardım edin.

Answer 1

Sen onun yerine bir tıklama/değişikliği etkinliğinde yapabileceğiniz senin işlev adı kullanmış Aşağıda $.ajax

kullanmayı deneyebilirsiniz. theResponse EĞER ajaxpage.php çıkışı seçme kutusu kendisi size ana sayfasında bir div gösterebildiğini olduğunu

Not: Hiç

sen $ kullanmayın neden

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 

    function ajax_call(str) { 

     $.ajax({ 
       type: "POST", 
       url: "ajaxpage.php", 
       data: { q:str}, 
       success: function(theResponse) { 

        // Output from ajaxpage.php 
        alert(theResponse); // comment this 

        } 
      }); 
    } 
});     
</script> 

Answer 2

Ajax istemini yapan sayfadaki .css ve .js dosyalarını dahil edin. Ayrıca, ajax isteğinden sonra komut dosyalarından etkilenen nesneleri de başlatabilirsiniz, bundan önce söz konusu öğelerin html'si yüklenmeyecektir. Ayrıca henüz DOM bulunmayan öğelere işlevlerini bağlamak için .on yöntemi kullanabilirsiniz - Attaching click event to a JQuery object not yet added to the DOM

Answer 3

Eğer ajax sonra yeniden seçilmiş başlatılamadığı zorunda .on yöntemi hakkında daha fazla bilgi için buraya bakın tamamlandıktan ve içeriğidir html sayfanıza yüklendi. Seçimi başladığında doğru bir şekilde çalışmaz, html DOM'de yoktu.