[SOLUCIONADO] Problema Jquery, error de principiante

ann_eav · #1 (**permalink**) 07/01/2015, 13:23

Hola a todos, es posible que lo que vaya a consultar sea una tontería, pero estoy empezando a estudiar jquery, y quería hacer algunas prácticas fuera de codecademy y del programa que uso para mi curso a distancia, asi que me he puesto a escribir en sublime text, pero no consigo hacer que nada funcione. No se si estoy linkeando mal jquery en el head, o si hay algún problema con el script que escribo y en realidad no se colocan asi... pero no funciona nada, estoy intentando lo más básico, que es, teniendo un párrafo y un botón, que al pulsar el botón, el párrafo desaparezca.

dentro de head tengo esto :

Código HTML:

<head>
	<meta charset="UTF-8">
	<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
	[...]
	<script type="text/javascript">
		var main = function(){
			$('.btn').click(function(){
				$('test-popup').hide();
			});
		};
		$(document).ready(main);
	</script>
</head>

y en body esto:

Código HTML:

<body>

[...]

<div id="test-popup">
  			Popup content
			</div>

			
			<div class="blueColor">
				<div class="blueRow">
				<button class="btn">Dynamically create and show popup</button>
				</div>
			</div>

Pido disculpas de antemano por si alguien se siente ofendido o le parece muy obvio mi problema. Gracias

mauritosuarez · #2 (**permalink**) 07/01/2015, 13:44

Hola ann_eav, te esta faltando el # para que se oculte.

Código Javascript:

Ver original<script type="text/javascript">
        var main = function(){
            $('.btn').click(function(){
                $('#test-popup').hide();  // Acá te faltaba el # 
            });
        };
        $(document).ready(main);
    </script>

html

Código HTML:

Ver original<div id="test-popup"> <!-- Los id en jquery se especifican con # -->
            Popup content
            </div>

Espero te sirva.

Saludos.

ann_eav · #3 (**permalink**) 07/01/2015, 14:02

dios mio!! es verdad!!! era una tonteria enorme, sabía que se ponían con # igual que en el css cuando hablas de ID pero se me ha debido de pasar y no lo veía... muchisimas gracias!!!!!

no sabes que feliz me has hecho hahahah