jQuery: trigger click () ne fonctionne pas?

Pourquoi en cliquant sur trigger1 et trigger2 n'est pas le feu, cliquez sur open ?

<a id="trigger1" href="#" onclick="jQuery('#open').trigger('click');">trigger1</a>  
<a id="trigger2" href="#" onclick="jQuery('#open').click();">trigger2</a>
<a id="open" href="http://google.com">open</a>

À l'aide de prêt (trigger3) ne fonctionne pas trop:

<a id="trigger3" href="#">trigger3</a>

...

jQuery(document).ready(function(){    
  jQuery('#trigger3').bind('click', function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();        
  });

  jQuery('#trigger3').click(function(){
      jQuery('#open').html('to be fired'); /* works */
      jQuery('#open').click();
  });
});

source d'informationauteur marioosh

jquery

22

Il est important de préciser que cela jQuery('#open').click() n'exécute pas l'attribut href d'une balise d'ancrage de sorte que vous ne sera pas redirigé. Il exécute les onclick événement pour #open qui n'est pas définie.

Vous pouvez effectuer la redirection et la capacité de causer avec votre original jQuery('#open').click() code en donnant #open un événement click:
```
jQuery('#open').click( function (e) {
  window.location.href = this.href;
});
```
7

De ce que votre code ressemble, que vous voulez, quand un utilisateur clique sur le lien de l'une ou des deux (trigger 1 ou 2) vous voulez le lien dans open à suivre?

Si c'est le cas, .click() n'est pas la fonction que vous voulez, en fait, jQuery ne semble pas offrir une méthode de le faire directement en cliquant sur un point d'ancrage de l'élément. Ce qu'il va faire est de déclencher un événement qui sont attachés à un élément.

Prendre un coup d'oeil à cet exemple:
```
<a id="trigger" href="#" onclick="$('#open').click();">trigger</a>
<a id="open" href="http://google.com">open</a>
```
jQuery:
```
$('#open').click(function(){
    alert('I just got clicked!'); 
});
```
ici

Donc il y a un événement relié à l'élément avec l'ID open que simplement des alertes-à-dire qu'il a été cliqué. En cliquant sur le déclencheur lien simplement déclenche l'événement click sur l'élément avec l'ID open. Donc, il ne va pas faire ce que vous voulez! Il fera feu de tout les événements, mais il ne fait pas suivre le lien

J'ai enlevé le 2ème déclencheur car .click() est juste un proxy pour .trigger('click') de sorte qu'ils font la même chose!

Afin de déclencher une réelle cliquez sur un point d'ancrage, vous aurez à faire un peu plus de travail. Pour rendre cela un peu plus réutilisables, et j'aimerais changer votre code HTML, un peu de (je vais expain pourquoi dans un instant):
```
<a href="#" class="trigger" rel="#open">trigger google</a>
<a id="open" href="http://google.com">google</a>
<br/><br/>
<a href="#" class="trigger" rel="#bing">trigger bing</a>
<a id="bing" href="http://bing.com">bing</a>
```
jQuery (la plus courte):
```
$('.trigger').click(function(e){
    e.preventDefault();
    window.location = $($(this).attr('rel')).attr('href');
});
```
ici

OU:
```
$('.trigger').click(function(e){
    e.preventDefault();
    var obj = $(this).attr('rel');
    var link = $(obj).attr('href');
    window.location = link;
});
```
ici

Fondamentalement tout lien que vous voulez suivre un autre élément à ajouter à la class="trigger" pour, de cette façon il est ré-utilisable. Dans l'élément que vous avez ajouté le classajouter un ce qui vous permettra de configurer de multiples clics sur les différents liens.
- Donc, vous êtes maintenant capturer clique sur un élément avec le class="trigger"
- Trouver l'élément voulu être cliqué sur
- Obtenir le href adresse de l'élément
- Changer les fenêtres emplacement pour le nouveau lien
2

essayer avec la suppression de onclick="jQuery('#open').click();"

Aussi essayer de mettre $('#trigger1') vous utilisez jQuery('#trigger3')

Sur JSFIDDLE ici.
2

vous êtes événement de liaison click à #trigger3 deux fois. supprimer l'un d'eux

Essayez ceci:

jQuery(document).ready(function(){    
  jQuery('#trigger3').bind('click', function(){
      jQuery('#open').text('to be fired'); /* works */
      jQuery('#open').click();        
  });

  jQuery('#trigger3').click(function(){
      jQuery('#open').text('to be fired'); /* works */
      jQuery('#open').click();
  });
});

jQuery('#open").html ("à flamme"); va changer à la juste un texte. C'est pourquoi le 2e sélectionnez ne fonctionne pas.

Il y a 3 types de liens en fonction de la href contenu :

1) Le href est une url

2) La href est un appel javascript comme "javascript:"

3) La href est inutile ("#", "javascript:void(0)", ...), la fonction est directement lié sur le lien

C'est pourquoi je fais ce petit plugin pour appeler la bonne méthode :

(function( $ ){
  $.fn.triggerClick = function() {
      var href = $(this).attr('href');
      //No useful link into href, try to call js click
      if(href.indexOf('#') == 0 || href.indexOf('javascript:void(') == 0 || href == '') {
         $(this).click();
      //JS call
      } else if(href.indexOf('javascript:') == 0) {
         eval(href);
      //URL
      } else {
         document.location.href = href;
      }
    };
  })( jQuery );

De l'appeler, il suffit d'utiliser $('DOMelement').triggerClick().

Espérons que cela pourrait les aider.
(Ce plugin est un prototype. Merci de me dire si il y a quelques erreurs...)

Vous devez vous connecter pour publier un commentaire.