Tại sao mã jQuery này không xóa đường viền khỏi công việc div?

jsFiddle Tại sao mã jQuery này không xóa đường viền khỏi công việc div?

Tôi đang cố xóa đường viền của div bằng jQuery nhưng không hoạt động. Tôi đang làm gì sai?

HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    div { width: 200px; height: 150px; background-color: #f33; border: 10px solid silver;} 
    </style> 
</head> 
<body> 
    <div id="a1"></div> 
    <br> 
    <br> 
    <div id="a3">click</div> 
</body> 
</html>

Javascript:

$("#a3").click(function() { 
    $('#a1').css("border", ""); 
}):

Nguồn

2010-11-22 ben

tử ID không thể bắt đầu với những con số
kịch bản của bạn kết thúc với :, không ;
Đặt border-none, không một chuỗi rỗng

Nguồn

2010-11-22 00:11:56 SLaks

Cảm ơn người đứng đầu, tôi đã cập nhật câu hỏi. Vẫn không hoạt động. – ben

@ben: Xem cập nhật của tôi. – SLaks

+1: http://jsfiddle.net/SebastianPataneMasuelli/XWt53/5/ –

Ngay cả khi bạn có quyền của id, tôi nghĩ bạn muốn.

$("#three").click(function() { 
    $('#one').css("border", "none"); 
});

Nếu bạn đặt kiểu đường viền thành một chuỗi rỗng, nó sẽ không ghi đè kiểu được cung cấp bởi CSS. Bạn cần phải cung cấp cho nó một giá trị sẽ được áp dụng thay thế. Sử dụng chuỗi rỗng sẽ loại bỏ thuộc tính style trên phần tử, để lại kiểu xếp tầng từ thẻ kiểu nội tuyến để áp dụng.

Nguồn

2010-11-22 00:13:40 tvanfosson

Vâng, bạn đã có ba vấn đề:

tử ID có thể không bắt đầu với một số.
Mã JS của bạn kết thúc bằng : (dấu hai chấm); phải là số ; (dấu chấm phẩy) hoặc đó là lỗi cú pháp.
Đặt đường viền thành chuỗi trống sẽ không xóa đường viền. Hãy thử $('#1').css('border', 'none');.

Nguồn

2010-11-22 00:17:17 kevingessner

thay vì css("border", ""); sử dụng css("border", "none");

Nhưng quan trọng không kém là thay đổi :-; ở phần cuối của kịch bản của bạn vì nó đang gây ra nó để thất bại hoàn toàn.

ví dụ tại http://jsfiddle.net/XWt53/4/

Nguồn

2010-11-22 00:18:46

Div bạn đang nhấp vào có sự kiện nhấp được liên kết với nó không?

$("#a3").bind('click', function() { 
    $("#a1").css('border', 'none'); 
});

Nguồn

2010-11-22 00:56:22

Tại sao mã jQuery này không xóa đường viền khỏi công việc div?

Trả lời

Các vấn đề liên quan