2010-11-08 9 views
16

Comment puis-je cliquer automatiquement sur le lien au chargement de la page? J'ai essayé pendant des siècles mais l'id ne fonctionne pas.Jquery ou javascript auto cliquez sur

<link rel="stylesheet" type="text/css" href="leightbox.css" /> 
<script type="text/javascript" src="prototype.js"></script> 
<script type="text/javascript" src="leightbox.js"></script> 
</head> 

<body> 


<div class="content"> 
<p> <a href="#" class="lbOn" rel="pop02">Click here to activate leightbox popup.</a></p> 
</div> 



<!----------// POPUP (ON CLICK) //----------> 
<div id="pop02" class="leightbox"> 
<a href="#" class="lbAction" rel="deactivate">×</a> 

<div class="scrollbox"> 
<h1>This popup loads upon clicking a trigger link.</h1> 
text</div> 
</div> 

</body> 
+5

Vous avez jQuery dans le titre et dans les balises, mais Prototype dans le code. Qu'est-ce que tu veux? – lonesomeday

+1

vous pouvez appeler le sur le code de clic sur la page de chargement par $ (document) .ready (function() {}) – XMen

+0

j'essayais quelque part d'autre là puis j'ai oublié c'est pourquoi j'avais Prototype – emre

Répondre

52

Vous n'avez pas fourni votre code javascript, mais la cause habituelle de ce type de problème n'attend pas le chargement de la page. Rappelez-vous que la plupart des javascript sont exécutés avant que le DOM ne soit chargé, donc le code essayant de le manipuler ne fonctionnera pas.

Pour exécuter le code après que la page a terminé le chargement, utilisez le $ (document) rappel .ready:

$(document).ready(function(){ 
    $('#some-id').trigger('click'); 
}); 
+0

comment exécuter le code de clic avec javascript? – user3770797

0

Vous essayez peut-être de faire un pop-up de travail? Je ne sais pas comment émuler le clic, peut-être que vous pouvez essayer de déclencher l'événement click en quelque sorte, mais je ne sais pas si c'est possible. Il est plus que probable que de telles fonctionnalités ne sont pas implémentées, en raison de problèmes de sécurité et de confidentialité.

Vous pouvez utiliser div avec la position: absolute pour émuler popup à la même page. Si vous insistez pour créer une autre page, je ne peux pas vous aider. Peut-être que quelqu'un d'autre avec plus d'expérience ajoutera ses 15 cents.

1

En jQuery vous pouvez déclencher un clic comme ceci:

$('#foo').trigger('click'); 

Plus ici:

http://api.jquery.com/trigger/

Si vous voulez faire la même chose en utilisant prototype, il ressemble ceci:

$('foo').simulate('click'); 
+0

Bien que .trigger() simule un événement activation, complète avec un objet événement synthétisé, il ne reproduit pas parfaitement un événement naturel. –

3
$(document).ready(function(){ 
    $('.lbOn').click(); 
}); 

Supposons cela fonctionnerait aussi.

2
$(document).ready(function(){ 
    $('#some-id').trigger('click'); 
}); 

a fait l'affaire.

2

Tout d'abord j'ai essayé avec cet exemple de code:

$(document).ready(function(){ 
    $('#upload-file').click(); 
}); 

Il ne fonctionne pas pour moi. Puis après, essayé avec ce

$(document).ready(function(){ 
    $('#upload-file')[0].click(); 
}); 

Aucun changement. Enfin, essayé avec ce

$(document).ready(function(){ 
    $('#upload-file')[0].click(function(){ 
    }); 
}); 

Résolu mon problème. Utile pour tout le monde.