Wyłącz łącze w Bootstrap


Pierwszy przykład nie zadziałał. Czy zawsze muszę mieć listę, aby wyłączyć linki? Albo co jest nie tak z moim pierwszym demo?
<a class="disabled" href="#">Disabled link[/url]

<ul class="nav nav-pills">
...
<li role="presentation" class="disabled">[url="#">Disabled link[/url][/*]
...
[/list]

https://jsfiddle.net/7y0u2amy
https://jsfiddle.net/7y0u2amy/
/
Zaproszony:
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Myślę, że potrzebujesz zajęć

btn

.

Byłoby tak:
<a class="btn disabled" href="#">Disabled link[/url]
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Wygląda na to, że downloader nie obsługuje wyłączonych linków. Zamiast próbować dodać klasę Bootstrap, możesz dodać własną klasę i dodać do niej styl w następujący sposób:
<div class="snippet-code">
<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<pre class="snippet-code-css lang-css prettyprint-override">
a.disabled {
/* Make the disabled links grayish*/
color: gray;
/* And disable the pointer events */
pointer-events: none;
}

<pre class="snippet-code-html lang-html prettyprint-override">
<!-- Make the disabled links unfocusable as well -->
[url="#" class="disabled" tabindex="-1">Link to disable[/url]
[url="#">Non-disabled Link[/url]
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Jeśli tym, co próbujesz zrobić, jest wyłączenie łącza a, nie można tego zrobić. Myślę, że w tym pytaniu znajdziesz odpowiedź, która będzie dla Ciebie odpowiednia.
Jedną z opcji jest użycie
[url="/" onclick="return false;">123n[/url]

Tag href niepełnosprawnych gości
https://coderoad.ru/13955667/
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Właśnie stworzyłem własną wersję za pomocą CSS. Ponieważ muszę wyłączyć, gdy dokument jest gotowy, użyj jQuery, aby go aktywować. Dlatego użytkownik nie może kliknąć przycisku, dopóki dokument nie będzie gotowy. Więc mogę go zastąpić AJAX. Sposób, w jaki wymyśliłem, to dodanie klasy do samego znacznika kotwicy i usunięcie klasy, gdy dokument jest gotowy. Możesz to zmienić na swoje potrzeby.
CSS:
a.disabled{
pointer-events: none;
cursor: defau<
}

HTML:
<a class="btn btn-info disabled">Link Text[/url]

JS:
$(function(){
$('a.disabled').on('click',function(event){
event.preventDefault();
}).removeClass('disabled');
});
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Nie możesz ustawić linków jako „wyłączone” tylko do elementów systemu, takich jak dane wejściowe, pole tekstowe itp.
Ale możesz wyłączyć linki za pomocą jQuery/JavaScript
$('.disabled').click(function(e){
e.preventDefault();
});

Po prostu zawiń powyższy kod w dowolne zdarzenie, w którym chcesz wyłączyć linki.
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Właśnie usunąłem atrybut „href” z tego tagu kotwicy, który chcę wyłączyć
$('#idOfAnchorTag').removeAttr('href');
$ ('# idOfAnchorTag'). attr ('class', $ ('# idOfAnchorTag'). attr ('class') + 'disabled');
Aby dodać moją wyłączoną wartość do atrybutu klasy
jest całkowicie wyłączony.

Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się