Par programme, cliquez sur un lien à l'aide de jQuery sur la page de chargement

J'ai un lien qui est sur la page et que je veux cliquer dessus par programme lorsque le chargement de la page.

Quelque chose comme ceci:

$(document).ready(function () {

   //code to make the page think $('a.tagcloud-link') is clicked
});

Le lien est un appel AJAX qui affiche les tags populaires dans le backend WordPress.

La fonction ne peut pas être facilement éditées comme il dépend de beaucoup de choses.

Je tiens donc à déclencher l'AJAX lien qui appelle le plus populaire des balises au chargement de la page.

Cela va résoudre tous mes problèmes si cela fonctionne.

Que le lien est $("une.tagcloud-link")

S'il vous plaît, s'il vous plaît aidez-moi sur ce que j'ai passé des heures en tirant mes cheveux essayer et de ne pas le faire. Merci.

avez-vous essayez $("une.tagcloud-link").(premier).trigger('click');
Cela n'a pas fonctionné @Tariqulazam
Il ressort de vos commentaires que vous n'êtes pas exposant le problème que vous rencontrez. Veuillez préciser exactement ce que vous essayez de faire les réponses peuvent être la cible des cas d'utilisation spécifiques.
merci pour l'astuce, édité à la question en conséquence

InformationsquelleAutor Claudio Delgado | 2012-10-24

javascript jquery

6

Essayez ceci:
```
$('a.tagcloud-link')[0].click();
```
À l'aide de [0] obtient une référence à la première DOM objet dans l'objet jQuery donc cela appelle la DOM de l'objet (non-jQuery) .cliquez sur() méthode qui sera la cause de la navigation sur le lien spécifié href.

À l'aide de jQuery .cliquez sur() méthode serait d'appeler n'importe quel gestionnaire de clic que vous aurez lié à l'élément, mais ne cause pas le comportement par défaut de suivre le lien.

Vraiment simple démo: http://jsfiddle.net/mtBav/
- Cela n'a pas fonctionné. la fonction totalement cessé de fonctionner après avoir essayé de charger ce code au chargement de la page.
- C'est le code: jsfiddle.net/Wnra9
- Ce que j'ai démontré, de provoquer une erreur si non il existe des éléments qui correspondent à la 'a.tagcloud-link' sélecteur, alors assurez-vous que vous avez réellement créé l'élément premier. Le code dans votre violon ne pas créer un tel élément, et vous n'avez pas de code html, donc... (Votre violon n'est pas très utile: vous êtes censés post code JS dans le code JavaScript de la fenêtre (en bas à gauche), et non dans le code HTML de la fenêtre où vous l'avez mis.)
- L'élément existe. Mais je pense que quelque chose l'empêche d'être disponible pour cliquer en dehors de l'habituel code parce que j'ai essayé tout ce qui est suggéré jusqu'à présent. Désolé pour le violon, il fixe.
- Mais le code dans votre violon ne pas créer l'élément de lien, alors, où est-il exister? Est-il dans votre HTML (vous ne le montrent pas)?
- Mis à jour le violon avec le code php qui contient la partie.
- Désolé, votre violon n'est pas vraiment fonctionnelle, étant donné que le PHP n'est pas fait exécuter, et pour une raison quelconque, il prend une éternité à charger, donc je ne peux pas vraiment l'expérimenter. Ici est un simple démo qui montre mon code fonctionne (placé dans un document.prêt gestionnaire): jsfiddle.net/mtBav
- Je vois. merci pour l'exemple, mais je n'avais aucun doute que votre code fonctionne dans des circonstances normales, de toute façon.
- Je voulais dire que votre code est standard et vous n'avez pas besoin de prouver que cela fonctionne. La façon dont je suis en train d'utiliser le code n'est pas exactement appelé des circonstances normales. Le seul moyen est de vous donner le nom d'utilisateur et le mot de passe pour le backend WordPress.
InformationsquelleAutor nnnnnn
4

Si l'élément possède un gestionnaire d'événement qui a été lié avec jQuery trop, vous pourriez l'appeler .trigger( 'click' ) ou court .click();
```
$(function() {
    $('a.tagcloud-link').click();
});
```
Bien sûr, au moment où vous appelez .click(), ce gestionnaire d'événement doit être lié déjà.

InformationsquelleAutor jAndy

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("a#tobeclicked").click(function () {
//if it has to be href
var tohref = $(this).attr("href");
alert(tohref);
window.location=tohref;


//else you want add some functions

$("#mydiv").fadeIn();

});
$("a#tobeclicked").trigger('click');
});
</script>
<a id="tobeclicked" href="http://www.google.com">Go!</a>
<div id="mydiv" style="display:none;">Stroam</div>

l'homme, il a travaillé avec moi..... 🙂
hey mec vous dit qu'aucun des réponses travaillé pour vous de vérifier le code ci-dessus que j'ai ajouté. Il fonctionne à 100% homme... je l'ai vérifié 5 fois et fonctionne parfaitement!

InformationsquelleAutor Heart

1

Si j'ai bien compris la question:
```
   $('a.tagcloud-link').click();
```
- Essayé, ça ne fonctionne pas 🙁
- l'utiliser juste après votre lien est inséré dynamicaly et appender de l'arborescence DOM - #('body').append('<a class="tagcloud-link" href=""...>...</a>'); $('a.tagcloud-link').click();
- Le code est ajouté en HTML et pas avec .append() je suis en train de mettre en œuvre ce que vous a suggéré d'utiliser une ligne <script> tag après le code HTML.
InformationsquelleAutor Reflective
1

Si vous avez déjà appliqué $("une.tagcloud-link").cliquez sur(), il va appeler cette fonction. Le code suivant devrait fonctionner.
```
$(document).ready(function () {
 $('a.tagcloud-link').click();
});
```
Mais si vous voulez ouvrir le lien dans ses href, vous devez utiliser window.location.
- Cela n'a pas fonctionné. Évidemment, je suis en train de faire quelque chose de mal car le lien fonctionne quand on clique manuellement le code que vous avez donné devrait vraiment travailler, mais il ne veut pas exécuter l'action, au chargement de la page 😐
InformationsquelleAutor Jonas T
1

Essayer
```
$('a.tagcloud-link').click();
```
OU
```
$('a.tagcloud-link').trigger('click')
```
- Cela n'a pas fonctionné. Je devrais mentionner que le lien que j'ai envie de cliquer sur lorsque la page s'ouvre est lui-même un code généré par jQuery code dynamiquement. Mais je veux simuler un clic sur celui-ci lorsque le document est chargé. sûrement il y a un moyen?
InformationsquelleAutor Sushanth --
1
```
$(function() {
     $('a.tagcloud-link').on('click', function() {
          //execute code here
     });
});
```
C'est la bonne utilisation de jQuery.
- Je veux simuler le lien cliqué sur le chargement de la page. Je ne pense pas que votre code ne que.
- Ensuite, vous devez ajouter plus de code, que voulez-vous dans le script si les scripts 'pense' qu'un.tagcloud-avoir cliqué sur le lien?
- C'est le code: jsfiddle.net/Wnra9
- qui va au-delà de mes connaissances, désolé mec, bonne chance
InformationsquelleAutor Angelo A
1

Pour être honnête avec vous, je pense que tout le monde ici est la bonne et je pense que la question est mal encadrée. Mais voici une tentative de ma part et je pense que j'ai tout simplement l'encadrer un peu différent. Juste essayer d'aider.
```
document.addEventListener("DOMContentLoaded", function() {
    EventL();
});

//global
var tagLoad = false;

function eventL() {
    $('a.tagcloud-link').on('click', function() {
       tagLoad = true;
    });

    //you can repurpose this, its for page refresh right now. but
    //I think it helps with your general idea?
    $(window).load(function(){ 
       init();
    });
}

function init () {
    if (tagLoad == true) {
         //Load your tags.
    }
}
```
- Il peut être encadrée mal, mais vous pouvez me dire comment l'encadrer, bien que semble que vous ne comprenez pas ce que je voulais atteindre. De toute façon, merci pour essayer d'aider!
- J'ai lu quelque part que vous souhaitez simuler un clic, vous êtes à la recherche pour l'aspect visuel de qui? ou cherchez-vous quelque chose à se rappeler qu'un bouton a été cliqué sur votre modèle de wordpress?
InformationsquelleAutor Jim
0

Aucun de ces aidé.
Je fixe moi-même sans passer par le lien et l'exécution de la charge.
- Ouais, je ne comprends pas ce que ces gens ne comprennent pas à propos de click() ne fonctionne pas lol. Même bateau que vous, en essayant d'automatiser quelque chose dans un script Greasemonkey.
InformationsquelleAutor Claudio Delgado

function my_admin_head(){
echo 
'<script type="text/javascript">
    jQuery(function( $ ){ 
        $(\'a.tagcloud-link\').each( function(){
            tagBox.get( $(this).attr(\'id\') );
            $(this).unbind().click(function(){
                $(this).siblings(\'.the-tagcloud\').toggle();
                return false;
            });
        return false;
    });
});
</script>';
}
add_action('admin_head', 'my_admin_head');

Peut-être que ça peut aider quelqu'un.

InformationsquelleAutor fishpie

Peut-être la façon dont vous avez été en utilisant pour accéder à l'élément de mélange jquery syntaxe javascript. J'ai réussit à eu ce problème aussi, mais j'ai essayé d'accéder à un élément par une mauvaise façon.

C'était comme cela

$(document).ready(function(e){
        alert(location.hash);
        if (location.hash == "#22") {
            $("gallery div a")[1].click(); //without #
        };
    })

mais devrait ressembler à ceci

$(document).ready(function(e){
        alert(location.hash);
        if (location.hash == "#22") {
            $("#gallery div a")[1].click(); //with #, cause I was using an ID
        };
    })

Et fonctionne 🙂

InformationsquelleAutor Bruno Reis Silvino

Vous devez vous connecter pour publier un commentaire.