jQuery removeAttribute() not working

Question

필자는이 질문에 대한 답변을 필사적으로 찾고 있었지만 아무것도 발견하지 못했습니다. 현재 사용자 정의 '속성에서 HTML5 데이터 -yyy 속성으로 전환하여 작성중인 웹 사이트의 코드를 개선하고 있습니다. 이제 내 문제를 heres.

$("#test ul li").click(function(event){ 
     $(this).toggleClass("selected"); 
     if($(this).hasClass("selected")){ 
      if(jQuery.trim($("#input_value").val())){ 
       $(this).data("special",{"value":jQuery.trim($("#input_value").val())}); 
      } 
     } 
     else{ 
      $(this).removeAttr("data-special"); 
     } 
    }); 

다음 코드는 특정 li 요소를 클릭하면 시작됩니다. 클래스가 토글되고 토글 링 된 후 (즉 단어?) 스크립트는이 요소에 토글 된 클래스가 있는지 여부를 확인합니다. 클래스가 없으면 (문제가있는 곳) 스크립트는 데이터 "special"을 제거하여 데이터를 삭제해야합니다. 이것은 전혀 일어나지 않습니다!

기능 외부

$("#test ul li").removeAttr("data-special"); 

를 추가하는 경우, 그것은 모두 괜찮 예상대로 작동합니다. 어떤 아이디어?

Answer 1

값을 .data()에 가져 왔으므로 .removeData()을 사용하십시오.

$(this).removeData("special"); 

속성 값을 .data()으로 가져 오면 해당 값으로 작업해야합니다. 특성을 제거해도 .data()은 제거되지 않습니다.

둘 다 제거해야하는 경우 두 가지 방법을 모두 호출하거나 단순히 .data()을 사용하지 않아야합니다.

Answer 2

이 속성없는

$ (이) .DATA ("특별한", { "값". jQuery.trim ($ ("#의 input_value") 발())}) ;

사용자가 jquery 캐시에 저장하고 있습니다. 따라서이를 제거하려면 표시된 다른 포스터와 같이해야하며 removeData 함수를 사용하여 제거해야합니다.