Navigateur convivial pour simuler un clic d'ancrage avec jQuery?

Question

J'essaie de simuler un clic sur une balise d'ancrage en utilisant jQuery. J'ai creusé autour de StackOverflow et Google pendant un certain temps et n'ai rien trouvé qui fonctionne sur tous les navigateurs que je suis en train de tester. Jusqu'à présent, je l'ai trouvé ceci:

$(document).ready(function() { 
$.fn.fireEvent = function(eventType) { 
    return this.each(function() { 
     if (document.createEvent) { 
      var event = document.createEvent("HTMLEvents"); 
      event.initEvent(eventType, true, true); 
      return !this.dispatchEvent(event); 
     } else { 
      var event = document.createEventObject(); 
      return this.fireEvent("on" + eventType, event) 
     } 
    }); 
}; 

    $('a').fireEvent('click'); 
}); 

Cela déclenche un événement de clic dans Safari, mais pas FireFox ou la version de IE je l'ai testé. Donc, oh les esprits puissants de SO, qu'est-ce que je fais mal? Toute orientation serait grandement appréciée.

Answer 1

Cela devrait fonctionner ...

$(function() { 

    fireClick($("a")[0]); 

}); 

function fireClick(elem) { 
    if(typeof elem == "string") elem = document.getElementById(objID); 
    if(!elem) return; 

    if(document.dispatchEvent) { // W3C 
    var oEvent = document.createEvent("MouseEvents"); 
    oEvent.initMouseEvent("click", true, true, window, 1, 1, 1, 1, 1, false, false, false, false, 0, elem); 
    elem.dispatchEvent(oEvent); 
    } 
    else if(document.fireEvent) { // IE 
    elem.click(); 
    }  
} 

Answer 2

Utilisez $('a').click();

Answer 3

J'ai testé ce dans Chrome et Firefox, mais ne dispose pas d'une pratique IE. Cela devrait fonctionner de manière transparente dans la plupart des scénarios.

$('a').live('click.simclick', function(event){ 
    var $a = $(event.target) 
    setTimeout(function(){ 
     if (event.isPropagationStopped()) 
      return 

     $('<form/>') 
      .attr({ 
       method: 'get', 
       target: $a.attr('target'), 
       action: $a.attr('href') 
      }) 
      .appendTo(document.body) 
      .submit() 

      // clean up in case location didn't change 
      .remove() 
    }, 0) 
}) 

// test it 
$('a').eq(0).click() 

Answer 4

J'utilise cette approche. Ça semble fonctionner.

$(function() { 
    fireClick($("a")); 
}); 

function fireClick (elem) { 
    window.location = $(elem).attr('href'); 
}