Desencadenar javascript en el atributo href con jQuery .click() (o similar)

Question

Desafortunadamente, estoy trabajando con javascript de terceros, que inserta enlaces en mis páginas. En lugar de simplemente usar estos enlaces como están, quiero usar elementos proxy, que, cuando se hace clic, desencadenan el evento click en los enlaces de terceros.

Los enlaces 3rd Party Pack javascript en el atributo href, así:

<a id="horribleLink" href="javascript:doSomething()">Click me</a> 

Mi elemento de proxy es el siguiente:

<button rel="horribleLink" class="linkProxy">No, click me</button> 

y un poco de jQuery'd Javascript para vincularlos juntos:

$('button.linkProxy').click(function(){ 
    $('#' + $(this).attr('rel')).click(); 
}); 

Ahora, esto funciona perfectamente si el enlace de terceros es solo un enlace estándar ( <a id="horribleLink" href="http://www.google.com">Click</a>) o un onclick ligeramente menos horrible (<a href="#" id="horribleLink" onclick="doSomething()">Click</a>), pero cuando el javascript está dentro del atributo href, activar 'clic' no hace nada.

¿Alguien me puede decir por qué y si hay una solución razonable?

Actualizado Como dijo milimétrica, la causa principal parece ser que los navegadores impiden 'falsificar clics' de anclas - He quitado mi ejemplo 'eslabón estándar', ya que es otra situación que no funciona. El controlador onclick funciona, sin embargo, como era de esperar.

Answer 1

La respuesta aceptada aquí entra en un poco de profundidad en cuanto a "por qué está sucediendo esto": Can I call jquery click() to follow an <a> link if I haven't bound an event handler to it with bind or click already?. Básicamente, parece que no puedes hacer clic() en un enlace porque el navegador no admite el clic falso.

Una solución alternativa:

Si establece location.href para esos casos, funciona:

$('button.linkProxy').click(function(){ 
    location.href = $('#' + $(this).attr('rel')).attr('href'); 
}); 

violín de trabajo: http://jsfiddle.net/uv29x/3/

Dos trabajo en torno:

Puede obtener el href de esos enlaces y hacer un eval() en ellos, ¿verdad?

Answer 2

Si he entendido bien la pregunta, el problema es que tiene algo como esto:

<a href="javascript:alert('hello');" onclick="javascript:alert('clicked');">Test</a> 

Y usted afirma que cuando el javascript está en el href, el evento onclick no se dispara. ¿Correcto? Si es así, lo que estoy viendo es que ambos son despedidos, primero con un clic y luego con el javascript dentro de href.

Answer 3

Conjunto window.location al valor href.

$('button.linkProxy').click(function(){ 
    window.location = $('#'+$(this).attr('rel')).attr('href'); 
}); 

DEMO: http://jsfiddle.net/dmSUm/

Answer 4

Acababa de terminar de escribir esto cuando vi la respuesta de milimétrica.Aquí está el código de todos modos por lo que vale la pena -

eval($('#horribleLink').attr('href').replace('javascript:','')); 

Answer 5

Utilice el método nativo Javascript click y usted se tiene un trabajo, haga clic!

$('button.linkProxy').click(function(){ 
    $('#' + $(this).attr('rel')).click()[0].click(); 
}); 

me quedé con el jQuery click suponiendo que Javascript click pasará por alto jQuery trigger s en cuyo caso usted querrá tener ambas cosas. De lo contrario, si estoy equivocado (que o no es necesario dar cuenta de trigger) se puede reducir a:

$('button.linkProxy').click(function(){ 
    $('#' + $(this).attr('rel'))[0].click(); 
});