Html- wie <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/

deaktivieren oder können Sie JavaScript verwenden, um die Standard-Aktion, wie dies zu verhindern:

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

Answer 3

ich eine Taste erstellt ...

Hier können Sie bin falsch gelaufen. Sie haben nicht erstellt eine Schaltfläche, Sie haben ein Ankerelement erstellt. Wenn Sie stattdessen ein button Element benutzt hatte, würden Sie nicht dieses Problem haben:

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

Wenn Sie stattdessen zumindest mit einem a Element werden weiterhin sollten Sie geben ein role Attribut auf "button" und legen Sie die href Attribut insgesamt:

<a role="button" ...> 

Sobald Sie getan haben, dass Sie a piece of JavaScript which calls event.preventDefault() vorstellen können - hier mit event Ihre Click-Ereignis zu sein.

Answer 4

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

Das sollte es hoffen, dass ich geholfen habe!