ajax Buscar via ajax em uma pagina carregada com ajax

[vmsfigueredo 0]

Olá, tenho 2 páginas, a principal e a página em que tenho o formulario que é carregado por ajax..

Quando acesso a pagina "marcar.php" (a pagina do formulário) diretamente, o meu código para pesquisa funciona perfeitamente.. porém, quando carrego a pagina via ajax, ele para de funcionar, podem me ajudar ?

marcar.php(js):

 $(document).ready(function(){
 
         $("select[name=curso]").change(function(){
			$("select[name=dias]").html('<option value="">Carregando...</option>');
             var cur = $(this).val();
            $("select[name=dias]").load('includes/buscacurso.php?cur=' + cur);
         });
	  });

marcar.php (html)

<div class="form-group">
               <b>Curso:</b>
                <select class="form-control" name="curso" id="scurso">
                    <option value="0">Selecione</option>
                    <option value="TTI">TTI</option>
                    <option value="EJA">EJA</option>
                </select>
            </div>
            <div class="form-group">
               <b>Dia:</b>
                <select class="form-control" name="dias" id="sdias">
                    <option>Aguardando..</option>
                </select>
            </div>

index.php (js)

var content = $('#content');

		loading = new Image(); loading.src = 'img/loading.gif';
		$('.ajax a').live('click', function( e ){
			e.preventDefault();
			content.html( '<center><img src="img/loading.gif" style="margin-top:50px;" /></center>' );

			var href = $( this ).attr('href');
			$.ajax({
				url: href,
				success: function( response ){
					var data = $( '<div>'+response+'</div>' ).find(' #content').html();

					window.setTimeout( function(){
						content.fadeOut('slow', function(){
							content.html( data ).fadeIn();
						});
					}, 100 );
				}
			});

		});

[William Bruno 1501]

Utilize event delegate, troque:

$("select[name=curso]").change(function(){

por:

 

$('body').on('change', "select[name=curso]", function(){

[vmsfigueredo 0]

 

Mudei e parou de funcionar até fora do AJAX...

[William Bruno 1501]

Qual versão do jQuery você está usando?

 

Atualize para 1.11.x

[vmsfigueredo 0]

tava usando o CDN do google 2.2.0, coloquei no 1.12.0 e não funcionou também

[William Bruno 1501]

E qual erro aparece no console de erros?

 

Ctrl + Shift + J no Firefox ou Chrome ?

o código que passei está correto e resolve o teu problema.

[vmsfigueredo 0]

Uncaught TypeError: $(...).on is not a function

[William Bruno 1501]

é cara.. o .on() ainda consta na documentação.

http://api.jquery.com/on/

 

Tem como hospedar e enviar um link para eu dar uma olhada?

ou mostrar o código atual?

[vmsfigueredo 0]

http://www.technoweb.com.br/unisis/painel.php

está em "secretaria > marcar prova"

[William Bruno 1501]

troca:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

por

 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

estava carregando o core do jQuery mais de uma vez.

 

além disso, quando você for carregar uma página com ajax, não traga tags script nela, e nem a sessão HEAD.