jquery - slideup - Udvikleren.dk - Programmering, webdesign og grafik

Tags: jquery

Bruger #17136 @ 30.11.12 18:03

Hej

Det sådan at jeg er i gang med at bygge nogle artikler til siden, hvor jeg vil lærer folk lidt omkring jQuery, men dog har jeg et problem, det er sådan at det billede er på siden og et link men det skal være sådan at når man klik på link så skal billedet gå væk men det virker på ingen måde overhovedet.

JScript kode

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <title>slideUp</title>
     <meta name="generator" content="TSW WebCoder 2010" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 </head>
 <body>
 
 <script>
 $('.h').click(function() {
   $('#book').slideUp('slow', function() {
     // Animation complete.
   });
 });
 </script>
 
 <a href="#" class="h">Link</a>
 <br />
 <img id="book" src="book.png" alt="" width="100" height="123" />
 
 
 </body>
 </html>

der ske på ingen måde noget som helst,

2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 30.11.12 18:22

1.223

prøv at pakke dit js ind i en document.ready eller lige det ned i bunden af siden, da dom træet skal være indlæst
ved indlæsning af siden vil $('.h').click(function() og $('#book') ikke være tilgængelig da siden ikke er færdig indlæst
http://api.jquery.com/ready/

her lagt ned i bunden

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<style type="text/css">
	</style>	
</head>
<body>
	<a href="#" class="h">Link</a>
    <br />
    <img id="book" src="book.png" alt="" width="100" height="123" />		
	<script type="text/javascript">
		$('.h').click(function() {
			$('#book').slideUp('slow', function() {
				// Animation complete.
			});
		});
	</script>
</body>
</html>

Bruger #17136 @ 30.11.12 18:44

prøv at pakke dit js ind i en document.ready eller lige det ned i bunden af siden, da dom træet skal være indlæst
ved indlæsning af siden vil $('.h').click(function() og $('#book') ikke være tilgængelig da siden ikke er færdig indlæst
http://api.jquery.com/ready/

her lagt ned i bunden
Kode
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<style type="text/css">
	</style>	
</head>
<body>
	<a href="#" class="h">Link</a>
    <br />
    <img id="book" src="book.png" alt="" width="100" height="123" />		
	<script type="text/javascript">
		$('.h').click(function() {
			$('#book').slideUp('slow', function() {
				// Animation complete.
			});
		});
	</script>
</body>
</html>

Det hjælp meget og siger tak for hjælpen!!

slideup

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler