반응형

jQuery 56

입력할 때 HTML 텍스트 입력 필드를 증가시키시겠습니까?

입력할 때 HTML 텍스트 입력 필드를 증가시키시겠습니까? 다음과 같이 초기 텍스트 입력 크기를 CSS로 설정할 수 있습니다. width: 50px; 하지만 예를 들어 200px에 도달할 때까지 타자를 칠 때 성장하고 싶습니다.이것은 javascript 없이 straight css, html로 할 수 있습니까? 물론 당신의 js/jquery 솔루션도 게시하십시오. 하지만 이것이 그것들 없이도 가능하다면 좋습니다. 제가 해보겠습니다. http://jsfiddle.net/jszjz/2/다음은 CSS와 내용물 Editable만 있는 예제입니다. jsFiddle 예제 CSS span { border: solid 1px black; } div { max-width: 200px; } HTML sdfsd 『 』 『 ..

source 2023.08.25

div에 오버플로 요소가 있는지 jquery로 확인합니다.

div에 오버플로 요소가 있는지 jquery로 확인합니다. 저는 고정된 키를 가진 디브가 있고,overflow:hidden; 나는 div가 div의 고정된 높이를 초과하는 요소를 가지고 있는지 jQuery에 확인하고 싶습니다.어떻게 해야 하나요?실제로 오버플로가 발생하는지 여부를 확인하기 위해 jQuery가 필요하지 않습니다., 및 를 사용하여 요소의 내용이 크기보다 큰지 여부를 확인할 수 있습니다. if (element.offsetHeight < element.scrollHeight || element.offsetWidth < element.scrollWidth) { // your element have overflow } else { // your element doesn't have overflow..

source 2023.08.20

jQuery를 사용하여 클래스가 있는 조상이 있는지 확인합니다.

jQuery를 사용하여 클래스가 있는 조상이 있는지 확인합니다. jQuery에서 부모님, 조부모님, 증조부모님 중에 수업이 있는지 확인할 수 있는 방법이 있습니까? 나는 마크업 구조를 가지고 있어서 코드에서 이런 종류의 일을 하게 되었습니다. $(elem).parent().parent().parent().parent().hasClass('left') 하지만 코드 가독성을 위해 이런 종류의 일은 피하고 싶습니다."어떤 부모/조부모/증조부모에게도 이 수업이 있습니다"라고 말할 수 있는 방법이 있습니까? 저는 jQuery 1.7.2를 사용하고 있습니다.if ($elem.parents('.left').length) { } 요소 조상을 필터링하는 방법은 여러 가지가 있습니다. if ($elem.closest('...

source 2023.08.20

jQuery 객체 등식

jQuery 객체 등식 두 jQuery 개체가 동일한지 확인하려면 어떻게 해야 합니까?특정 jQuery 개체에 대한 배열을 검색할 수 있으면 좋겠습니다. $.inArray(jqobj, my_array);//-1 alert($("#deviceTypeRoot") == $("#deviceTypeRoot"));//False alert($("#deviceTypeRoot") === $("#deviceTypeRoot"));//False jQuery 1.6부터 사용할 수 있습니다. 아래는 1년 이상 전의 답변입니다. var a = $('#foo'); var b = a; if (a.is(b)) { // the same object! } 두 변수가 실제로 동일한 개체인지 확인하려면 다음과 같이 하십시오. var a = $..

source 2023.08.20

문서.query선택기 하나의 요소에 여러 개의 데이터 속성이 있습니다.

문서.query선택기 하나의 요소에 여러 개의 데이터 속성이 있습니다. 저는 당신과 함께 할 요소를 찾고 있습니다.document.querySelector여러 개의 데이터 속성이 있습니다. - 저는 이런 것에 대해 생각했습니다. document.querySelector('[data-point-id="7febe088-4eca-493b-8455-385b39ad30e3"] [data-period="current"]') 하지만 그것은 작동하지 않습니다. 그러나 두 번째 데이터 속성을 다음과 같은 하위 요소에 넣으면 잘 작동합니다. - 그렇다면 두 속성을 동시에 검색할 수 있는 옵션이 있을까요? 여러 가지 방법을 시도해 보았지만 이해가 안 됩니다.두 셀렉터 사이에 공간이 없어야 합니다. document.query..

source 2023.08.20

연결이 로컬 호스트인지 자바스크립트로 확인하는 방법은 무엇입니까?

연결이 로컬 호스트인지 자바스크립트로 확인하는 방법은 무엇입니까? 페이지 로딩이 로컬 컴퓨터에 있는지 자바스크립트를 확인하고 싶습니다. 이 작업을 수행하려는 이유는 개발할 때 서버 측(C#) 검증이 모두 올바르게 작동하는지 확인하기 때문입니다.그래서 저는 클라이언트 측 오류와 서버 측 오류를 모두 표시하고 싶습니다. 그래서 테스트하는 동안 항상 잘못된 데이터를 통과하도록 허용하는 유효성 검사 항목 플래그가 jquery에 있습니다.이렇게 하면 클라이언트 측과 서버 오류를 한 번에 볼 수 있습니다. 하지만 지금은 개발에서 생산으로 이동할 때 수동으로 왔다 갔다 해야 합니다.그location.hostnamevariable은 현재 호스트를 제공합니다.이 정도면 현재 환경을 파악할 수 있습니다. if (locat..

source 2023.08.15

함수가 있는 JavaScript 3차 연산자 예제

함수가 있는 JavaScript 3차 연산자 예제 jQuery 1.7.1을 사용하고 있습니다. 나는 이제 막 자바스크립트 3차 연산자를 사용하여 간단한 if/else 문을 대체하기 시작했습니다.저는 여러 곳에서 성공적으로 해왔습니다.저는 다른 것을 성공적으로 만들었을 때 확실히 그렇게 되지 않을 것이라고 생각했을 때 놀랐지만, 어쨌든 노력했습니다. 원래 진술은 다음과 같습니다. function updateItem() { $this = $(this); var IsChecked = $this.hasClass("IsChecked"); if (IsChecked == true){ removeItem($this); } else { addItem($this); } } 다음은 3진 연산자를 사용한 동일한 함수입니다. ..

source 2023.08.15

jQuery를 사용하여 요소 카운트

jQuery를 사용하여 요소 카운트 특정 클래스가 있는 페이지에 요소가 몇 개 있는지 셀 수 있는 방법이 있습니까?$('.someclass').length 다음을 사용할 수도 있습니다. $('.someclass').size() 기능적으로는 동일하지만 전자가 선호됩니다.사실 후자는 이제 더 이상 사용되지 않으며 새로운 개발에 사용되어서는 안 됩니다.var count_elements = $('.class').length; 보낸 사람: http://api.jquery.com/size/ .size() 메서드는 기능적으로 .length 속성과 동일하지만 함수 호출의 오버헤드가 없기 때문에 .length 속성이 선호됩니다. 참고: http://api.jquery.com/size/ http://api.jquery.c..

source 2023.08.15

좋은 jQuery 드래그 앤 드롭 파일 업로드 플러그인이 있습니까?

좋은 jQuery 드래그 앤 드롭 파일 업로드 플러그인이 있습니까? 현재 상태로는 이 질문은 우리의 Q&A 형식에 적합하지 않습니다.우리는 답변이 사실, 참고 자료 또는 전문 지식에 의해 뒷받침되기를 기대하지만, 이 질문은 토론, 논쟁, 여론 조사 또는 연장된 토론을 요청할 가능성이 높습니다.만약 이 질문이 개선될 수 있고 다시 열릴 수 있다고 느낀다면,안내를 위해 헬프 센터를 방문합니다. 마감됨10년 전에. 단일 JS 스크립트를 포함한 후 간단한 스니펫을 사용하여 양식을 활성화할 수 있는 깔끔한 jQuery 플러그인이 있습니까?이와 같은 것: $j('#MyForm').enableDragDropUploads('.upload-area') 업로드 대상을 양식의 작업으로 지정합니다. 모든 솔루션이 일반 파일 ..

source 2023.08.15

양식 제출에서 제출 사용 안 함 단추

양식 제출에서 제출 사용 안 함 단추 클릭 후 웹 사이트에서 제출 단추를 비활성화하기 위해 이 코드를 작성했습니다. $('input[type=submit]').click(function(){ $(this).attr('disabled', 'disabled'); }); 안타깝게도 양식을 보내지 않습니다.이걸 어떻게 고칠 수 있을까요? EDIT 양식이 아닌 제출을 바인딩하고 싶습니다 :)해요onSubmit(): $('form#id').submit(function(){ $(this).find(':input[type=submit]').prop('disabled', true); }); 실제로 제출 이벤트를 트리거하기 전에 단추를 모두 비활성화하는 것입니다. 페이지에서 제출 유형의 모든 입력을 선택하지 않도록 요소의..

source 2023.08.15
반응형