jQuery tắt liên kết

Question

Bất kỳ ai biết cách vô hiệu hóa liên kết trong jquery KHÔNG sử dụng return false;? Cụ thể, những gì tôi đang cố gắng làm là vô hiệu hóa liên kết của một mục, thực hiện một cú nhấp chuột vào nó bằng cách sử dụng jquery, nó kích hoạt một số nội dung, sau đó kích hoạt lại liên kết đó để nếu nó được nhấp một lần nữa nó hoạt động như mặc định. Quay lại đầu trang

Cảm ơn. Dave

CẬP NHẬT Đây là mã. Điều cần làm sau khi lớp .expanded được áp dụng là bật lại liên kết bị vô hiệu hóa.

$('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 
}); 

Điều đó sẽ ngăn chặn hành vi mặc định của siêu kết nối, là truy cập vào href được chỉ định.

Từ jQuery tutorial:

Đối với nhấp chuột và hầu hết các sự kiện khác, bạn có thể ngăn chặn các hành vi mặc định - đây, theo link dẫn tới jquery.com - bằng cách gọi event.preventDefault() trong xử lý sự kiện

Nếu bạn muốn preventDefault() chỉ khi một điều kiện nào đó được thỏa mãn (cái gì đó đang ẩn chẳng hạn), bạn có thể kiểm tra sự hiện diện của ul của bạn với lớp mở rộng. Nếu nó được hiển thị (tức là không ẩn) liên kết nên bắn như bình thường, như câu lệnh if sẽ không được nhập, và do đó hành vi mặc định sẽ không được ngăn chặn:

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

Answer 2

Chỉ kích hoạt nội dung, đặt một số cờ, trả về false. Nếu cờ được đặt - không làm gì cả.

Answer 3

Hãy thử điều này:

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

Edit-

Từ mã được cập nhật:

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

Answer 4

Đối với những người đến đây qua google như tôi - đây là cách tiếp cận khác:

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') 

Hãy nhớ rằng: không chỉ đây là một lớp css

class = "buttonstyle"

mà còn hai số này

class = "buttonstyle disabled"

để bạn có thể dễ dàng thêm và xóa các lớp khác với jQuery. Không cần chạm vào href ...

Tôi yêu jQuery! ;-)

Answer 5

Dưới đây là một giải pháp thay thế css/jQuery mà tôi thích cho terseness và kịch bản giảm thiểu:

css:

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

jQuery:

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

Answer 6

Bạn nên tìm bạn trả lời here.

Cảm ơn @Will và @Matt cho giải pháp thanh lịch này.

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

Answer 7

Bạn có thể xóa nhấp để liên kết bằng cách làm theo;

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

Bạn có thể kích hoạt lại liên kết bằng cách sau,

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

Bạn không thể sử dụng 'disabled' bất động sản cho các liên kết.

Answer 8

fav của tôi trong "thanh toán để chỉnh sửa một mục và ngăn chặn tây hoang dã -wild nhấp chuột để anywhere- trong khi ở một kiểm tra" các chức năng

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

Vì vậy, nếu tôi muốn rằng tất cả các liên kết bên ngoài trong một thanh công cụ hành động thứ hai nên bị vô hiệu hóa trong khi "chỉnh sửa chế độ" như mô tả ở trên, tôi sẽ thêm vào các chức năng chỉnh sửa

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

liên kết ví dụ sau vụ hỏa hoạn:

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

Và bây giờ bạn có thể dùng tài sản khuyết tật cho các liên kết

Cheers!

Answer 9

tôi luôn luôn sử dụng này trong jQuery cho việc vô hiệu hóa các liên kết

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

Answer 10

Nếu bạn đi con đường href, bạn có thể lưu nó

Để vô hiệu hóa:

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

Sau đó kích hoạt lại sử dụng :

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

Trong một trường hợp, tôi phải làm theo cách này bởi vì các sự kiện nhấp chuột đã bị ràng buộc ở một nơi khác và tôi không kiểm soát được nó.

Answer 11

bạn chỉ có thể ẩn và hiển thị liên kết như bạn muốn

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

Answer 12

Tôi biết điều này là không phải với jQuery nhưng bạn có thể vô hiệu hóa một liên kết với một số css đơn giản:

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

HTML trông giống như

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

Answer 13

Chỉ cần sử dụng $("a").prop("disabled", true);. Điều này thực sự sẽ vô hiệu hóa yếu tố liên kết de. Cần phải là prop("disabled", true). Không sử dụng attr("disabled", true)