.attr ("tàn tật", "tàn tật") vấn đề

Question

tôi có chức năng này Toggles thuộc tính tàn tật tạo thành một lĩnh vực đầu vào:

$('.someElement').click(function(){  
    if (someCondition) { 
    console.log($target.prev('input')) // gives out the right object 
    $target.toggleClass('open').prev('input').attr('disabled', 'disabled'); 
    }else{ 
    $target.toggleClass('open').prev('input').removeAttr('disabled'); //this works 
    } 
}) 

các removeAttr hoạt động tốt nhưng khi tôi cần thêm người tàn tật một lần nữa nó không có gì. Console.log của tôi được kích hoạt (và cho tôi quay lại trường nhập đúng) vì vậy tôi chắc chắn rằng câu lệnh if của tôi hoạt động. Nhưng khi tôi kiểm tra DOM bằng firebug trong firefox, thuộc tính disabled không xuất hiện.

ai đó có thể giúp tôi không?

PS: xin đừng tập trung vào các chức năng hoặc các câu lệnh if bản thân, hoạt động tốt chỉ của nó mà attr đó không làm việc cho người khuyết tật ...

chỉnh sửa: một loại đầu vào của nó = "hidden "có thể là vô hiệu hóa không hoạt động trên các trường ẩn?

Answer 1

Cảm ơn tất cả các bạn đã đóng góp! Tôi đã tìm thấy sự cố:

ITS A FIREBUG BUG !!!

Mã của tôi hoạt động. Tôi đã yêu cầu PHP Dev thay đổi kiểu đầu vào được ẩn trong văn bản kiểu nhập. Tính năng bị tắt hoạt động. Nhưng bảng điều khiển firebug không cập nhật trạng thái này!

bạn có thể kiểm tra lỗi này bằng cách tự khắc phục lỗi này tại đây http://jsbin.com/uneti3/3#. Thx đến aSeptik cho trang ví dụ.

cập nhật: 2. tháng 6 năm 2012: Firebug trong FF11 vẫn có lỗi này.

Answer 2

Hãy thử đang được cập nhật này:

$(bla).click(function(){   
    if (something) { 
    console.log($target.prev("input")) // gives out the right object 
    $target.toggleClass("open").prev("input").attr("disabled", "true"); 
    }else{ 
    $target.toggleClass("open").prev("input").removeAttr("disabled"); //this works 
    } 
}) 

Answer 3

CẬP NHẬT

DEMO: http://jsbin.com/uneti3/3

mã của bạn là sai, nó phải là một cái gì đó như thế này:

$(bla).click(function() { 
     var disable = $target.toggleClass('open').hasClass('open'); 
     $target.prev().prop("disabled", disable); 
    }); 

bạn đang sử dụng chức năng toggleClass theo cách sai

• http://api.jquery.com/toggleClass/

Answer 4

Hãy thử

$(bla).click(function(){   
    if (something) { 
    console.log("A:"+$target.prev("input")) // gives out the right object 
    $target.toggleClass("open").prev("input").attr("disabled", "disabled"); 
    }else{ 
    console.log("A:"+$target.prev("input")) // any thing from there for a single click? 
    $target.toggleClass("open").prev("input").removeAttr("disabled"); //this works 
    } 
}); 

Answer 5

Tôi đã gặp phải sự cố tương tự trong khi chuyển sang trạng thái vô hiệu hóa của nút! Sau khi kích hoạt removeProp('disabled'), nút đã từ chối nhận lại "bị vô hiệu hóa" một lần nữa! Tôi đã tìm thấy một giải pháp thú vị: sử dụng prop("disabled",true) để tắt nút và prop("disabled",false) để bật lại! Bây giờ tôi đã có thể chuyển đổi trạng thái "bị vô hiệu hóa" của nút của tôi bao nhiêu lần tôi cần! Hãy dùng thử.

Answer 6

$("#vp_code").textinput("enable"); 
$("#vp_code").textinput("disable"); 

bạn có thể thử nó

Answer 7

Để thêm thuộc tính tàn tật

$('#id').attr("disabled", "true"); 

Để loại bỏ thuộc tính Disabled

$('#id').removeAttr('disabled');