I created a button that open a modal window on click.HTML- come disabilitare <a href>?
<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?
<script>
$(document).ready(function(){
$('#connectBtn').click(function(e){
e.preventDefault();
})
});
</script>
This will prevent the default action.
Anche se molto probabilmente, considerando che jQuery non è taggato, non devi postare le risposte fino a quando non verranno forniti ulteriori chiarimenti. Il tuo primo approccio qui avrebbe dovuto lasciare un commento chiedendo * Stai usando jQuery? * E, considerando che non l'hai fatto, quello che avresti dovuto fare è prefigurare la tua risposta con un * Se stai usando jQuery ... *. –
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/
Oppure è possibile utilizzare JavaScript per evitare che l'azione di default in questo modo:
$('.disabled').click(function(e){
e.preventDefault();
})
Buona idea, ma questo non lo disabiliterà. Puoi comunque utilizzare la scheda per mettere a fuoco il collegamento e premere Invio per seguirlo. – Oriol
ho creato un pulsante ...
Questo è dove si Ho sbagliato. Tu non hai creato un pulsante, hai creato un elemento di ancoraggio. Se si fosse usato un elemento button invece, non avrebbe questo problema:
<button type="button" data-toggle="modal" data-target="#myModal" data-role="disabled">
Connect
</button>
Se avete intenzione di continuare a utilizzare un elemento a invece, per lo meno si dovrebbe dare un attributo role impostato "button" e rilasciare l'attributo href del tutto:
<a role="button" ...>
Una volta fatto che è possibile introdurre a piece of JavaScript which calls event.preventDefault() - qui con event essere il vostro evento click.
.disabledLink.disabled {pointer-events:none;}
Questo dovrebbe far sperare che abbia aiutato!
Basta rimuovere l'attributo 'href'? – Oriol
Semplicemente non usare un elemento '' se non si vuole veramente creare un collegamento. Puoi aggiungere 'cursor: pointer' a qualsiasi elemento in CSS. – pawel
non utilizzare 'a' per i pulsanti, non possono essere disabilitati (non nativi, solo soluzioni alternative). Usa il tag 'button'. – Luizgrs