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/
/
2021-03-02 Dodaj komentarz
Udostępnij to

Nie znaleziono powiązanych wyników

    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]
    2021-03-02 0 0
    Udostępnij to
    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]
    2021-03-02 0 0
    Udostępnij to
    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/
    2021-03-02 0 0
    Udostępnij to
    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');
    
});
    2021-03-02 0 0
    Udostępnij to
    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.
    2021-03-02 0 0
    Udostępnij to
    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.
    2021-03-02 0 0
    Udostępnij to
    Dlaczego jest złożony? 0 odpowiedzi zostało zwiniętych

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

    Polityka prywatności: https://zweryfikowac.pl/Polityka-prywatnosci.pdf
    Copyright © 2023, All Rights Reserved