jquery 아코디언이 AJAX에서받은 컨텐츠와 함께 작동하지 않습니다.

Question

AJAX를 통해 다른 페이지의 컨텐츠를 수신 할 때 아코디언이 작동하지 않는 문제가 있습니다. 페이지는이 하나입니다 http://jbm.utad.pt/testes/tempo/index.php

으로 곧 사업부에 결과를 다시 촬영 AJAX와있는 processtempo.php에 기본 도시 이름을 보내는 페이지가로드 :

나는이있는 processtempo.php에서 아코디언을위한 HTML이지만 jQuery는 index.php에있다. HTML이 기본 페이지에 있어야하기 때문에 아코디언이 작동하지 않습니까? 아니면 jQuery에 맞지 않았습니까?

당신은 아직 특정 JS 파일에 넣어되지 않은 ... 소스에 아코디언의 jQuery 스크립트를 볼 수 있습니다.

건배

Answer 1

당신은 .tempo-head에 click() 이벤트를 할당 및 요소에 다른 것들의 무리를하고있는이 모호한 질문에 대한 그래서 모든 도움을 최대한 미안

덕분에 그들은에로드되기 전에 아약스 루틴에 의한 페이지.

다음 기능을 사용하려면 최신 버전의 JQuery를 구해야합니다. 난 당신이 현재 (1.4.2)

보십시오 변화를 오래된 버전이있는 것으로 나타났습니다이 :

$('.tempo-head').click(function() { 

모든 아코디언 루틴 내부

$('#sidebar').on('click', '.tempo-head').click(function() { 

또는

이동

에 success 아약스 전화 콜백은 아래와 같습니다.

$(document).ready(function(){ 

    var cidade2='penafiel'; 
    var dataString = 'cidade='+ cidade2; 
    $.ajax({ type: "POST", url: "processtempo.php", data: dataString, cache: false, 
     success: function(html){ 
      $("#exibe_tempo").html(html); 
     } 
    }); 

    $(".cidade").change(function(){ 
     var cidade=$(this).val(); 
     var dataString = 'cidade='+ cidade; 

     $.ajax({ type: "POST", url: "processtempo.php", data: dataString, cache: false, 
      success: function(html){ 
       $("#exibe_tempo").html(html); 

       //Add Inactive Class To All Accordion Headers 
       $('.tempo-head').toggleClass('head-off'); 

       //Set The Accordion Content Width 
       var contentwidth = $('.tempo-head').width(); 
       $('.tempo-cont').css({'width' : contentwidth }); 

       //Open The First Accordion Section When Page Loads 
       //$('.tempo-head').first().toggleClass('head-on').toggleClass('head-off'); 
       //$('.tempo-cont').first().slideDown().toggleClass('tempo-cont'); 

       // The Accordion Effect 
       $('.tempo-head').click(function() {   
         if($(this).is('.head-off')) { 
          $('.head-on').toggleClass('head-on').toggleClass('head-off').next().slideToggle().toggleClass('tempo-cont'); 
          $(this).toggleClass('head-on').toggleClass('head-off'); 
          $(this).next().slideToggle().toggleClass('tempo-cont'); 
         } 

         else { 
           $(this).toggleClass('head-on').toggleClass('head-off'); 
           $(this).next().slideToggle().toggleClass('tempo-cont'); 
         } 

       }); 


      } 
     }); 
    }); 


    return false; 

}); // END DOC READY