jquery - tamaño - pintar svg con css

hipervínculos jQuery-valor href?

Question

En mi sitio web utilizo jQuery para enganchar los eventos de elementos, a saber, hipervínculos. Como estos hipervínculos solo realizan acciones en la página actual y no llevan a ningún lado, he estado poniendo un atributo href de "#" en:

<a href="#">My Link</a>

Sin embargo, en algunos navegadores esto hace que la página se desplace hacia arriba, lo que obviamente es un comportamiento indeseable. Intenté usar un valor de href en blanco, o no incluir uno, pero luego el mouse no cambia al cursor de mano al pasar el mouse.

¿Qué debería poner allí?

Answer 1

¿Por qué usar un <a href> ? Lo resuelvo así:

<span class=''a''>fake link</span>

Y estilícela con:

.a {text-decoration:underline; cursor:pointer;}

Puedes acceder fácilmente con jQuery:

$(".a").click();

Answer 2

Agregue la devolución falsa al final de su manejador de clic, esto evita que ocurra el controlador predeterminado del navegador que intenta redirigir la página:

$(''a'').click(function() {
// do stuff
return false;
});

Answer 3

En su lugar, simplemente puede tener el href como a continuación:

<a href="javascript:;">My Link</a>

No se desplazará hacia la parte superior.

Answer 4

Esos "anclajes" que existen únicamente para proporcionar un evento de clic, pero que en realidad no se vinculan con otro contenido, realmente deberían ser elementos de botón porque eso es lo que realmente son.

Se puede diseñar de esta manera:

<button style="border:none; background:transparent; cursor: pointer;">Click me</button>

Y, por supuesto, los eventos de clic se pueden adjuntar a los botones sin preocuparse de que el navegador salte a la cima, y ​​sin agregar javascript extraños como onclick = "return false;" o event.preventDefault ().

Answer 5

Realmente deberías poner un enlace real allí. No quiero sonar como un pedante, pero ese es un hábito bastante malo para entrar. JQuery y Ajax siempre deben ser lo último que implemente. Si tiene un enlace que no va a ninguna parte, no lo está haciendo bien.

No estoy reventando tus bolas, quiero decir eso con la mejor intención.

Answer 6

Sé que esto es viejo pero guau, hay una solución tan fácil.

elimine el "href" por completo y solo agregue una clase que haga lo siguiente:

.no-href { cursor:pointer: }

¡Y eso es!

Answer 7

usando jquery, es posible que desee obtener solo para aquellos con un ''#''

$(''a[href=#]'').click(function(){return false;});

si usa el jquery más reciente (1.3.x), no hay necesidad de volver a vincularlo cuando la página cambie:

$(''a[href=#]'').live(''click'', function(){return false;});

Answer 8

<a href="#"> pregunto por qué nadie lo dijo aquí antes: para evitar que <a href="#"> desplace la posición del documento hacia arriba, simplemente use <a href="#/"> . Eso es meramente HTML, no se necesita JQuery. Usando event.preventDefault(); es demasiado!

Answer 9

<a href="javascript:void(0)" ></a> usar <a href="javascript:void(0)" ></a> lugar de <a href="#" ></a>

Answer 10

Casi tuve este problema y fue muy engañoso . Estoy proporcionando una respuesta en caso de que alguien termine en mi misma posición.

1. Pensé que tenía este problema
2. Pero, estaba usando return false y javascript: void (0);
3. Entonces surgió una clara diferencia en el problema:
4. Me di cuenta de que no iba TODO el camino a la cima, y ​​mi zona problemática estaba cerca del final de la página, por lo que este salto fue extraño y molesto.
5. Me di cuenta de que estaba usando fadeIn () [jQuery library], que durante un tiempo mi contenido se mostró: none
6. ¡Y luego mi contenido extendió el alcance de la página! Causando lo que parece un salto!
7. El uso de la visibilidad oculta alterna ahora ...

Espero que esto ayude a la persona a quedarse con saltos !!

Answer 11

$(''a'').click(function (event) 
{ 
     event.preventDefault(); 
     //here you can also do all sort of things 
});

Luego puedes poner en cada href lo que quieras y jQuery activará el preventDefault() y no serás redirigido a ese lugar.

Answer 12

<a href="#nogo">My Link</a>