formacie HTML, jak wyłączyć <a href>?

Question

I created a button that open a modal window on click.

<a href="#" data-toggle="modal" data-target="#myModal" class="signup-button gray-btn pl-pr-36" id="connectBtn" data-role="disabled">Connect</a> 

For some reason the data-role="disabled" doesn't work good. How can I disable it?

Answer 1

<script> 
    $(document).ready(function(){ 
     $('#connectBtn').click(function(e){ 
      e.preventDefault(); 
     }) 
    }); 
</script> 

This will prevent the default action.

Answer 2

You can use CSS to accomplish this:

<a href="somelink.html" class="disabled">Some link</a> 

.disabled { 
    pointer-events: none; 
    cursor: default; 
} 

Example:http://jsfiddle.net/7EQJp/

Albo można użyć JavaScript, aby zapobiec domyślne działanie takiego:

$('.disabled').click(function(e){ 
    e.preventDefault(); 
    }) 

Answer 3

stworzyłem przycisk ...

To tutaj "poszło nie tak. Użytkownik nie utworzył przycisku, utworzyłeś element zakotwiczenia. Jeśli użył element button zamiast, to nie ma tego problemu:

<button type="button" data-toggle="modal" data-target="#myModal" data-role="disabled"> 
    Connect 
</button> 

jeśli masz zamiar nadal korzystać element a zamiast przynajmniej należy nadać mu atrybut role ustawiony "button" i upuść atrybut href sumie:

<a role="button" ...> 

Po wykonaniu, że można wprowadzać a piece of JavaScript which calls event.preventDefault() - tutaj z event jest to wydarzenie kliknięcie.

Answer 4

.disabledLink.disabled {pointer-events:none;} 

To powinno zrobić nadzieję, że pomogłem!