Déclencheur cliquez sur jquery ne fonctionne pas

Je suis en train de comprendre pourquoi ce simple script ne fonctionne pas:

jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery('.next_button a').trigger('click');
});

noConflict est nécessaire, car j'ai également la charge de prototype/scriptaculous dans cette page.

Si je remplace .trigger('click') avec une autre fonction (es: .css(...) cela fonctionne bien. Seul le déclenchement semble aller cassé.

  • Votre question est incomplète sans un cas de test qui montre le problème. Voir jsFiddle
  • Je ne peux pas poster le lien du site, désolé, uniquement en privé, en cas
  • Ce que Gary Green répondu est probablement ce que vous cherchez, mais sans le reste du code, il est impossible de le savoir.
  • Je comprends mais je ne peux pas poster plus, merci quand même
InformationsquelleAutor Riccardo | 2011-05-03
  1. 67

    Comment puis-je simuler une ancre cliquez sur via jquery?
    Suivez ce lien et voir
    cette réponse par Stevanicus.

    $('a#swaswararedirectlink')[0].click();

    • Pouvez-vous expliquer pourquoi les [0] est-elle nécessaire?
    • [0] devient la première (DOM) de l'élément. L' .cliquez sur la (les) fonction d'appel est d'appeler le navigateur intégré de cliquer sur " fonction (pas de jquery)
    • ce doit être la accepté de répondre, car il fournit une solution, c'est à dire, [0].
    • je vous remercie de l'homme. résolu mon problème.
    • Excellent! A bien fonctionné sans erreurs. J'ai mis que $('un.sliderLinks').trigger('click'); . Mais pas fonctionné. Puis-je mettre à votre code. superbe! merci encore.
    • putain! pourquoi le [0] - elle nécessaire? bizarre qu'cliquez sur() ne veut pas se déclencher de l'autre sélecteur, ce qui n' "[0] devient la première (DOM) de l'élément de" faire? (Tahir répondre)
    • jsfiddle.net/YHx2d cela fonctionne très bien dans ce violon sans [0].... mais pas sur ma page réelle...
    • han Avez-vous essayez avec [0] dans votre page ?
    • oui, avec [0] ma page fonctionne, ma question est que pourquoi violon fonctionne sans l'aide de l' [0]... mais ma page, il est nécessaire d'avoir [0]. Je suis un peu confus. Merci d'avance pour les explications
    • Ses bizarre comment en vélo à travers les quelques éléments que j'ai besoin de cliqué (ouverture des liens dans de nouveaux onglets) ne fonctionne qu'une fois... AUCUNE IDÉE pourquoi...
    • Vraiment Utile de répondre. Besoin de l'accepter. @Riccardo Merci copain +1

    InformationsquelleAutor A Bright Worker
  2. 50

    Vous ne pouvez déclencher un clic que jQuery a créé. C'est l'un de jQuery est mignon bizarreries.

    • De bons conseils, c'est à dire utiliser le déclencheur de la méthode APRÈS avoir établi l'écouteur de clics
    • Non seulement cela, Pete, mais cela signifie aussi par défaut de la balise d'ancrage utilisation
    • +1 VOUS! Cela m'a sauvé de la rupture de mon bureau et de jeter mon ordinateur! Une remarque pour les gens qui travaillent avec épine dorsale + requirejs. Si votre déclencher des événements sur les éléments de l'INTERFACE utilisateur ne sont pas de travail, vous pouvez juste avoir une poignée sur le mauvais objet jquery, où que vous êtes en l'appelant.
    • l'homme génial superbe 😀
    • Déclencher après l'écoute. Déclencher APRÈS l'écoute. Des heures perdues jusqu'à ce que je la trouve. +1 @PeteHerbertPenito
    • Cela a aidé. Merci

    InformationsquelleAutor Gary Green
  3. 12

    que ce que Gary a répondu. le code ci-dessous ne fonctionnera pas.

    $('#border_wrap').trigger('click');    
$('#border_wrap').click(function(e){
    console.log("clicked1");
});

    mais ce sera.. 🙂

    $('#border_wrap').click(function(e){
    console.log("clicked1");
});
$('#border_wrap').trigger('click');
    • Merci @keithics, je faisais gaffe erreur qui vous l'ai expliqué ci-dessus.
    • keithics Merci, cela a résolu mon problème à merveille, merci!
    • cela m'a aidé, merci!
    InformationsquelleAutor keithics
  4. 0

    je pensais que cette démo ne serait pas travailler, mais il n' (Chrome 12). Il alert deux messages, un pour chaque événement de clic. L'un est créé par jQuery et l'on est natif, mais je pensais que seul jQuery événements pourrait être déclenché.

    Edit: Oui le click ne pas suivre href.

    Edit 2: Si l'événement que vous souhaitez déclencher manuellement est en fait un événement créé par un Prototype de carrousel plugin. Pour le code ci-dessous je suis en supposant qu'elle est cette une. Si c'est le cas, pourquoi ne pouvez-vous pas simplement utiliser déclenche l'événement l'aide d'un Prototype ou en mode natif... comme ceci:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
#carousel-wrapper {
width:100px;
height:100px;
overflow:hidden;
border:1px dashed red;
}
#carousel-content {
width:500px;
}
#carousel-content .slide {
float:left;
width:100px;
height:100px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js"></script>
<script type="text/javascript" src="http://prototype-carousel.googlecode.com/files/carousel-min.js"></script>
<script type="text/javascript" src="https://github.com/kangax/protolicious/raw/5b56fdafcd7d7662c9d648534225039b2e78e371/event.simulate.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
jQuery.noConflict();
function fakeClick(event, anchorObj) {
if (anchorObj.click) {
anchorObj.click()
} else if(document.createEvent) {
if(event.target !== anchorObj) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window,
0, 0, 0, 0, 0, false, false, false, false, 0, null);
var allowDefault = anchorObj.dispatchEvent(evt);
//you can check allowDefault for false to see if
//any handler called evt.preventDefault().
//Firefox will *not* redirect to anchorObj.href
//for you. However every other browser will.
}
}
}
</script>
</head>
<body>
<div id="carousel-wrapper">
<div id="carousel-content">
<div class="slide">1</div>
<div class="slide">2</div>
<div class="slide">3</div>
</div>
</div>
<div>
<a href="javascript:" class="carousel-jumper" rel="slide-1">Jump to slide 1</a>
<a href="javascript:" class="carousel-control" rel="prev">Previous slide</a>
<a href="javascript:" class="carousel-control" id="next" rel="next">Next slide</a>
</div>
<script type="text/javascript">
new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'));
document.observe("dom:loaded", function() {
//       $$('a[]')[0].simulate('click');
fakeClick(event, document.getElementById('next'));
});
</script>
</body>
</html>

    Il y a deux exemples dans cette démo de l'événement de tir (l'un est commenté, mais vous pouvez changer pour le même résultat). L'un est de Le déclenchement d'un événement avec Prototype qui utilise event.simulate.js et à l'aide de la fakeClick() fonction de Comment puis-je simuler un clic à une balise d'ancrage?. Qui travaille pour moi dans Chrome 12.

    • Merci à vous tous, mais ne fonctionne toujours pas, même si j'ai essayé diverses solutions..je ne sais pas vraiment. Si pourrait aider..le <a> élément je suis en train de autoclick est le bouton suivant de scriptaculous carrousel..qui a peut-être autoclicking désactivé par le design ?? mmmmm..
    • Qui carousel utilisez-vous?
    • Il n'était pas fait par moi, il est appelé à partir carousel.js et il est désigné comme "HP carrousel"...
    • Pourquoi avez-vous besoin pour utiliser jQuery si c'est un Prototype carrousel? Mise à jour de ma réponse avec une solution potentielle, en supposant que vous êtes à l'aide de prototype-carrousel.
    InformationsquelleAutor andyb