jQuery відключити посилання

Хтось знає, як відключити посилання в jquery БЕЗ використання return false;?

Зокрема, те, що я намагаюся зробити, - це відключити посилання на елемент, здійснивши клацання по ньому за допомогою jquery, який запускає деякі речі, а потім повторно увімкнути це посилання, щоб у разі його повторного натискання воно працювало за замовчуванням.

Дякую. Дейв

ОНОВЛЕННЯ Ось код. Що потрібно зробити після застосування .expandedкласу, це повторне включення відключеного посилання.

$('ul li').click(function(e) {
    e.preventDefault();
    $('ul').addClass('expanded');
    $('ul.expanded').fadeIn(300);
    //return false;
});

$('#myLink').click(function(e) {
    e.preventDefault();
    //do other stuff when a click happens
});

Це запобіжить поведінці гіперпосилань за замовчуванням, яка має відвідувати вказаний href.

З підручника jQuery :

Для кліку та більшості інших подій ви можете запобігти поведінці за замовчуванням - тут, перейшовши за посиланням на jquery.com, - зателефонувавши event.preventDefault () у обробці подій

Якщо ви хочете preventDefault()лише виконати певну умову (щось приховано, наприклад), ви можете перевірити видимість вашого ul із розширеним класом . Якщо воно видно (тобто не приховано), посилання має спрацьовувати як звичайне, оскільки оператор if не буде введено, і, таким чином, поведінка за замовчуванням не буде запобіжена:

$('ul li').click(function(e) {
    if($('ul.expanded').is(':hidden')) {
        e.preventDefault();
        $('ul').addClass('expanded');
        $('ul.expanded').fadeIn(300);
    } 
});

Спробуйте це:

$("a").removeAttr('href');

EDIT-

З оновленого коду:

 var location= $('#link1').attr("href");
 $("#link1").removeAttr('href');
 $('ul').addClass('expanded');
 $('ul.expanded').fadeIn(300);
 $("#link1").attr("href", location);

Для інших, хто прийшов сюди через Google, як я - ось інший підхід:

css:
.disabled {
  color: grey; // ...whatever
}

jQuery:
$('#myLink').click(function (e) {
  e.preventDefault();
  if ($(this).hasClass('disabled'))
    return false; // Do something else in here if required
  else
    window.location.href = $(this).attr('href');
});

// Elsewhere in your code
if (disabledCondition == true)
  $('#myLink').addClass('disabled')
else
  $('#myLink').removeClass('disabled')

Пам'ятайте: не тільки це клас css

class = "стиль гудзика"

але і ці два

class = "кнопковий стиль відключений"

тож ви можете легко додавати та видаляти подальші класи з jQuery. Не потрібно торкатися href ...

Я люблю jQuery! ;-)

Ось альтернативне рішення css / jQuery, яке я віддаю перевагу за його лаконічність та мінімізований сценарій:

css:

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

jQuery:

$('.disableAfterClick').click(function (e) {
   $(this).addClass('disabled');
});

Ви можете видалити клік для посилання, виконавши наступне;

$('#link-id').unbind('click');

Ви можете знову ввімкнути посилання, дотримуючись наступних дій,

$('#link-id').bind('click');

Не можна використовувати властивість "вимкнено" для посилань.

Якщо ви йдете по маршруту href, можете зберегти його

Щоб відключити:

$('a').each(function(){
    $(this).data("href", $(this).attr("href")).removeAttr("href");
});

Потім знову ввімкніть, використовуючи:

$('a').each(function(){
    $(this).attr("href", $(this).data("href"));
});

В одному випадку мені довелося це зробити так, оскільки події клацання вже були пов'язані десь в іншому місці, і я не мав над цим контролю.

Я завжди використовую це в jQuery для відключення посилань

$("form a").attr("disabled", "disabled");

Приклад посилання html:

        <!-- boostrap button + fontawesome icon -->
        <a class="btn btn-primary" id="BT_Download" target="blank" href="DownloadDoc?Id=32">
        <i class="icon-file-text icon-large"></i>
        Download Document
        </a>

використовувати це в jQuery

    $('#BT_Download').attr('disabled',true);

додайте це до css:

    a[disabled="disabled"] {
        pointer-events: none;
    }

Мій фаворит у "оформленні замовлення для редагування товару та запобігання - дикі Західні кліки куди завгодно - під час оформлення замовлення"

$('a').click(function(e) {
    var = $(this).attr('disabled');
    if (var === 'disabled') {
        e.preventDefault();
    }
});

Тож якщо я хочу, щоб усі зовнішні посилання на панелі інструментів другої дії були відключені, перебуваючи в "режимі редагування", як описано вище, я додам у функцію редагування

$('#actionToolbar .external').attr('disabled', true);

Приклад посилання після пожежі:

<a href="http://goo.gl" target="elsewhere" class="external" disabled="disabled">Google</a>

А тепер ви можете використовувати відключену власність для посилань

Ура!

Ви повинні знайти відповідь тут .

Дякуємо @Will та @Matt за це елегантне рішення.

jQuery('#path .to .your a').each(function(){
    var $t = jQuery(this);
    $t.after($t.text());
    $t.remove();
});

ви можете просто сховати і показати посилання як завгодно

$(link).hide();
$(link).show();

Просто запустіть речі, встановіть якийсь прапор, поверніть false. Якщо встановлено прапор - нічого не робіть.

unbind()застаріло в jQuery 3, off()замість цього використовуйте метод:

$("a").off("click");

Я знаю, що це не з jQuery, але ви можете відключити посилання за допомогою простого css:

a[disabled] {
  z-index: -1;
}

HTML виглядав би так

<a disabled="disabled" href="/start">Take Survey</a>

Це працює для посилань, у яких вбудований атрибут onclick. Це також дозволяє пізніше видалити "повернути помилкове", щоб увімкнути це.

        //disable all links matching class
        $('.yourLinkClass').each(function(index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", "return false; " + OnClickValue);
        });

        //enable all edit links
        $('.yourLinkClass').each(function (index) {
            var link = $(this);
            var OnClickValue = link.attr("onclick");
            link.attr("onclick", OnClickValue.replace("return false; ", ""));
        });

Просто використовуйте $("a").prop("disabled", true);. Це дійсно відключить елемент de link. Потрібно бути prop("disabled", true). Не використовуйтеattr("disabled", true)