removeAttr() nie usuwając "wyłączone" atrybut w IE

Question

var disableSelection = function(){ 
    $("#elementId").attr("disabled","disabled");  
}; 

var enableSelection = function(){ 
    $("#elementId").removeAttr("disabled"); 
}; 

Mam następujące wymagania:

1. wyłączyć SELECT elementem w celu ograniczenia użytkownikom Wybieranie opcji
2. niepełnosprawnych SELECT element ma już jakiś element OPCJA wybrany
3. on przedstawić wydarzenie włączyć wyłączoną elementu SELECT, aby zapisać wybraną wartość

Dodawanie atrybutu "wyłączony" działa dobrze w przypadku IE. Jednak gdy próbuję usunąć atrybut za pomocą metody jQuery revomeAttr(), a następnie zamiast usuwania atrybutu:

1. metoda dodaje „wyłączone” atrybut do poprzednio włączoną SELECT elementu
2. metoda nie usuwa „wyłączone” przypisują

Answer 1

Korzystając .prop zamiast .attr aby wpłynąć na stan elementu niepełnosprawnych:

var disableSelection = function(){ 
    $("#elementId").prop("disabled", true);  
}; 

var enableSelection = function(){ 
    $("#elementId").prop("disabled", false); 
}; 

Aby uzyskać więcej informacji, zobacz .prop() vs .attr().

Answer 2

Zamiast tego można użyć numeru removeProp('disabled'). To zadziałało, podczas gdy removeAttr('disabled') nie.

Answer 3

jQuery Docs mówi o .removeProp():

Uwaga: Nie należy używać tej metody, aby usunąć właściwości rodzimych, takich jak zaznaczone> wyłączony lub wybrane. Spowoduje to całkowite usunięcie właściwości i, po> usunięciu, nie będzie można ponownie dodać do elementu. Użyj .prop(), aby ustawić te właściwości> na false.

Dodatkowe uwagi:

W programie Internet Explorer przed wersją 9, stosując .prop(), aby ustawić element DOM> nieruchomość do czegokolwiek innego niż zwykłe wartości pierwotnej (liczba, ciąg znaków, lub> Boolean) może powodować Wycieki pamięci, jeśli właściwość nie zostanie usunięta (za pomocą> .removeProp()), zanim element DOM zostanie usunięty z dokumentu. Aby bezpiecznie> ustawić wartości obiektów DOM bez wycieków pamięci, użyj funkcji .data().