jQuery отключить ссылку

Question

Кто-нибудь знает, как отключить ссылку в jquery БЕЗ использования return false;?

В частности, что я пытаюсь сделать, это отключить ссылку на элемент, щелкнув по нему, используя jquery, который запускает некоторые вещи, а затем повторно активирует эту ссылку, чтобы при повторном нажатии она работает по умолчанию.

Спасибо. Dave

UPDATE Вот код. Что нужно сделать после того, как класс .expanded был применен, это снова включить отключенную ссылку.

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

Answer 1

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

Это предотвратит поведение по умолчанию гиперссылки, которая предназначена для посещения указанного href.

С JQuery tutorial:

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

Если вы хотите preventDefault() только, если определенное условие выполняется (что-то скрыто, например), вы можете проверить видимость вашего ул с классом расширен. Если это видно (т.е. не скрыт) ссылка должна стрелять в обычном режиме, так как если не будет введено заявление, и, таким образом, не будет предотвращено по умолчанию:

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

Answer 2

Просто запускайте материал, установите флаг, верните false. Если флаг установлен, ничего не делайте.

Answer 3

Попробуйте это:

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

Edit-

С обновленным кодом:

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

Answer 4

Для тех, кто пришел сюда через 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

класс = "ButtonStyle"

, но и эти два

class = "buttonstyle disabled"

, поэтому вы можете легко добавлять и удалять дополнительные классы с помощью jQuery. Не нужно касаться href ...

Я люблю jQuery! ;-)

Answer 5

Вот альтернативный сервер решение/JQuery, что я предпочитаю для его краткость и свернутое сценариев:

CSS:

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

JQuery:

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

Answer 6

Вы должны найти вы отвечаете here.

Спасибо @With и @Matt за это элегантное решение.

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

Answer 7

Вы можете удалить требуемый файл нажатием ссылки;

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

Вы можете повторно включить ссылку на следующее,

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

Вы не можете использовать свойство для ссылки 'инвалид'.

Answer 8

Мой любимчика в «кассе для редактирования элемента и предотвратить -Wild дикого запада щелчков anywhere- в то время как в кассе» функции

$('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> 

И теперь вы можете использовать отключенное свойство для ссылок

Будьте здоровы!

Answer 9

Я всегда использую это в JQuery для инвалидизирующих ссылок

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

Answer 10

Если вы идете HREF маршрут, вы можете сохранить его

Чтобы отключить:

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

Затем повторно включить с помощью :

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

В одном случае я должен был сделать это так, потому что события щелчка уже были связаны где-то в другом месте, и я не мог контролировать его.

Answer 11

вы можете просто скрыть и показать ссылку, как вам нравится

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

Answer 12

Я знаю, что это не с JQuery, но вы можете отключить связь с некоторыми простыми CSS:

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

в HTML будет выглядеть так:

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

Answer 13

Просто используйте $("a").prop("disabled", true);. Это действительно отключит элемент ссылки. Нужно быть prop("disabled", true). Не использовать attr("disabled", true)