Metoda jQuery removeData nie działa

Question

Myślę, że używam removeData poprawnie, ale wygląda na to, że nie działa. Oto, co widzę w konsoli dev, czy ktoś może wyjaśnić, co robię źle?

Wywołuję bieżącą wartość atrybutu danych, wywołując metodę removeData, a następnie wyprowadzając ponownie wartość i jej tam nadal.

$('.questionList > li').eq(1).data('fieldlength') 
3 
$('.questionList > li').eq(1).removeData('fieldlength'); 
[ 
<li class=​"questionBox" data-createproblem=​"false" data-fieldlength=​"3" data-picklistvalues data-required=​"true" data-sfid=​"a04d000000ZBaM3AAL" data-type=​"Text">​ 
<div class=​"questionLabel">​Birthdate​</div>​ 
</li>​ 
] 
$('.questionList > li').eq(1).data('fieldlength') 
3 

Answer 1

To dlatego twoje data pochodzi z HTML atrybutu data-fieldlength. Według the docs:

Podczas korzystania .removeData („nazwa”), jQuery będzie próbował zlokalizować teleinformatyczny atrybut elementu jeśli ma właściwości o tej nazwie znajduje się w wewnętrznej pamięci podręcznej danych . Aby uniknąć ponownego zapytania do atrybutu data, należy ustawić wartość na wartość null lub undefined (na przykład .data ("name", undefined)) zamiast używać .removeData().

Więc zamiast

$('.questionList > li').eq(1).removeData('fieldlength'); 

należy zrobić

$('.questionList > li').eq(1).data('fieldlength',null); 

Answer 2

Jest trochę Gotcha chciałem wyjaśnić, w przypadku, ktoś inny natyka się na niego ...

Jeśli masz atrybuty HTML5 data-* na elemencie, który wymaga użycia jQuery: removeAttr() zamiast removeData(), jeśli chcesz usunąć je z elementu w DOM.

Na przykład, aby rzeczywiście usunąć atrybut danych z elementu trzeba użyć:

$({selector}).removeAttr('data-fieldlength'); 

Można czytać wartości jak ten z $({selector}).data('fieldlength') ale removeData() nie usuwa ich, czy są one HTML atrybuty na elemencie znajdującym się w źródle strony (po prostu usuwa je w pamięci, tak, że jeśli ponownie zapytasz o to za pomocą jQuery, pojawia się , aby je usunąć).

Osobiście uważam, że to zachowanie jest zepsute i jestem pewien, że wyłapie wielu ludzi.

Answer 3

W ukrytym polem użyciu danych niestandardowych atrybutów do przechowywania danych obiektu Należy używać .removeAttr() zamiast .removeData() używając Numer ID

Answer 4

Właściwie to działa lepiej dla mnie. Ponieważ pozostawia atrybut nietknięty w elemencie, ale bez przypisanej mu wartości.

$(selector).attr("data-fieldlength",""); 

Answer 5

.removeData() będzie tylko usunąć dane z jQuery wewnętrznego .data() cache więc wszelkie odpowiednie data- atrybuty na elemencie nie zostaną usunięte. Później wywołanie data() spowoduje ponowne pobranie wartości z atrybutu elementu data-. Aby temu zapobiec, użyj .removeAttr() wraz z .removeData(), aby również usunąć atrybut data-.

przykład:

$('div').removeData('info'); 
$('div').removeAttr('data-info'); 

Następnie ustawiony albo:

$('div').data('info', 222); 
$('div').attr('data-info', 222);