jQuery로 앵커 클릭을 시뮬레이트하는 브라우저 친화적 인 방법은 무엇입니까?

Question

jQuery를 사용하여 앵커 태그에 대한 클릭을 시뮬레이션하려고합니다. StackOverflow와 Google을 한동안 둘러 보았고 테스트중인 모든 브라우저에서 작동하는 것을 찾지 못했습니다. 지금까지, 나는이를 발견했습니다

$(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'); 
}); 

이 파이어 폭스 또는 내가 테스트 IE의 버전을 Safari에서 클릭 이벤트가 발생하지만,하지 않습니다. 그래서 오, 오, 내 마음이 잘못 됐어? 모든 지침은 크게 감사하겠습니다.

Answer 1

이 작동합니다 ...

$(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

사용 $('a').click();

Answer 3

내가 크롬과 파이어 폭스에서이 테스트를하지만, IE 편리이 없습니다. 이것은 대부분의 시나리오에서 투명하게 작동해야합니다.

$('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

이 방법을 사용합니다. 괜찮은 것 같아.

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

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