login  Naam:   Wachtwoord: 
Registreer je!
 Forum

$("a").click (Opgelost)

Offline jaronneke - 16/06/2009 08:57
Avatar van jaronnekeMySQL interesse Niet werkend :

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.  
  4. 	$("a").click(function(){
  5.  
  6. 		$("#div1").slideUp('slow', function(){
  7. 			$("#div2").slideDown('slow');
  8. 		});
  9.  
  10. 	});    
  11.  
  12. });
  13. </script>



werkend:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.  
  4. 		$("#div1").slideUp('slow', function(){
  5. 			$("#div2").slideDown('slow');
  6. 		}); 
  7.  
  8. });
  9. </script>



Ik wil dus dat mijn javascript pas wordt uitgevoerd als ik op een linkje klik , op dit moment heet mijn bestand: contact.php en heb ik een linkje:

<a href="contact.php">Contact</a>

Als ik er op klik lijkt het heel even dat hij iets gaat doen , maar gaat direct weer terug.

Waarom werkt het 'onload' wel , en nu met de link niet?

ps. Ik ben nieuw met AJAX 

Thanks

9 antwoorden

Gesponsorde links
Offline ArieMedia - 16/06/2009 09:00
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 Volgensmij is dit geen AJAX maar jQuery...
Misschien handig om bij te vermelden?
Offline Ontani - 16/06/2009 09:00
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 met welk javascript framework werk je?
Offline jaronneke - 16/06/2009 09:01
Avatar van jaronneke MySQL interesse Ja sorry, ik werkt met het framework jquery.
Offline vinTage - 16/06/2009 09:08 (laatste wijziging 16/06/2009 09:13)
Avatar van vinTage Nieuw lid Je linkje dan nog wel id="a" meegeven en dan zou het imo zo moeten kunnen werken.
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. $("a").click(function()
  3. {
  4.     $("#div1").slideUp('slow', function()
  5.     {
  6.         $("#div2").slideDown('slow');
  7.     });
  8. }
  9. </script>



edit, mn bovenstaande trekt op niets (niet bekend met jQuery) 
Maar hier (bv in complete example) kan je zie dat ze nog een event meegeven in de functie, mss MOET jij dat ook doen?
Offline jaronneke - 16/06/2009 09:15 (laatste wijziging 16/06/2009 09:16)
Avatar van jaronneke MySQL interesse Het werkt helaas nog steeds niet .. iemand anders die een idee heeft?

edit: http://stoepjong.nl/contact/contact.php
Offline Richard - 16/06/2009 09:16
Avatar van Richard Crew algemeen Staat dit toevallig voor je a-tag zelf?
Offline jaronneke - 16/06/2009 09:17
Avatar van jaronneke MySQL interesse Ja het staat voor mijn a-tag ? moet dit niet?

en ik heb een voorbeeldje toegevoegd
Offline Flex1986 - 16/06/2009 10:15
Avatar van Flex1986 Gouden medaille

Senior Member
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.     $("a").attr("href", "javascript:;");
  4.  
  5.     $("a").click(function(){
  6.  
  7.         $("#div1").slideUp('slow', function(){
  8.             $("#div2").slideDown('slow');
  9.         });
  10.  
  11.     });    
  12.  
  13. });
  14. </script>


Je code is niks mee als je er op klikt zie je ook dat die werkt. Maar omdat je href verwijst naar deze pagina wordt deze gewoon herladen waardoor je weer opnieuw begint.

Ook is het beter dat je de a in je selector vervangt voor een #id aangezien je nu bij elke link de code gaat uitvoeren. Wat je niet wil als er straks een design met menu's omheen zit.
Offline Kevin - 19/06/2009 13:48
Avatar van Kevin Crew Ajax/REST Probeer dit:


javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2. $("a").click(function(event){
  3. $("#div1").slideUp('slow');
  4. $("#div2").slideDown('slow');
  5. });
  6. });


Zorg wel dat het in je head tags staat.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s