Textareas의 jQuery maxlength 속성 문제
-
22-08-2019 - |
문제
jQuery 버전 1.2.3을 사용하면 'maxlength'속성이있는 TextRea 요소 다음에 노드를 추가하려고하지만 작동하지 않습니다.
$("textarea[@maxlength]").after("<b>Aint working</b>");
이것은 HTML 코드입니다.
<textarea maxlength="500">This is a test.</textarea>
<textarea maxlength="250">Yet another line.</textarea>
<textarea maxlength="125">Bar or foo, whatever.</textarea>
이상한 점은 속성을 변경하면 maxlength
예를 들어 rel
잘 작동하는 것보다 잘 작동합니다!
이 실생활 예제를 확인하십시오.http://www.host2000.be/_temp/jquery_tests_counter.html
추신 : jQuery 1.3에서 더 이상 지원되지 않는 [@attribute] 표기법을 알고 있지만 문제와 관련이 없습니다.
해결책
jQuery 버전을 사용하면 약간의 트릭만으로 작동합니다. Textarea의 암시 적 값은 브라우저에 대해 다른 값을 갖습니다. 예를 들어 Firefox의 암시 적 값은 -1입니다.
따라서 스크립트가 Firefox에서 작동하도록하려면 다음을 수행해야합니다.
$("textarea[@maxlength!=-1]").after("<b>Aint working</b>");
여기 암시 적 값에 대한 추가 정보를 찾을 수 있습니다. maxlength
기인하다.
즐기다!
다른 팁
어둠 속에서 촬영 : MaxLength가 Textareas의 유효한 속성.
편집 : 방금 jQuery 1.3으로 예제를 시도하고 @를 제거했는데 완벽하게 작동했습니다.
편집 #2 : jQuery 1.2.6 사용 @없이도 작동합니다 ... 제거 시도해 보셨습니까?